{"id":6527,"date":"2017-06-28T13:15:39","date_gmt":"2017-06-28T10:15:39","guid":{"rendered":"https:\/\/siantigallery.com\/?page_id=6527\/"},"modified":"2026-10-12T09:48:07","modified_gmt":"2026-10-12T06:48:07","slug":"about-us","status":"publish","type":"page","link":"https:\/\/siantigallery.com\/en\/about-us\/","title":{"rendered":"WHO WE ARE"},"content":{"rendered":"<style>\n    .about-us-page {\n        --about-rule: #dad7d4;\n        --about-paper: #fbfaf8;\n        color: #36322f;\n        background: #fff;\n        font-family: \"Roboto\", sans-serif;\n    }\n    .about-us-page [class*=\"wp-block-acf-about\"],\n    .about-us-page .alignfull,\n    .about-us-page .is-layout-constrained > *,\n    .about-us-page .is-layout-flow > * {\n        max-width: none !important;\n        margin: 0 !important;\n        width: 100%;\n    }\n    .about-us-page .grid {\n        display: grid;\n    }\n    .about-us-page .flex {\n        display: flex;\n    }\n    .about-us-page .grid-cols-1 {\n        grid-template-columns: minmax(0, 1fr);\n    }\n    .about-us-page .items-start { align-items: flex-start; }\n    .about-us-page .items-center { align-items: center; }\n    .about-us-page .justify-between { justify-content: space-between; }\n    .about-us-page .justify-center { justify-content: center; }\n    .about-us-page .flex-wrap { flex-wrap: wrap; }\n    .about-us-page .text-center { text-align: center; }\n    .about-us-page .relative { position: relative; }\n    .about-us-page .absolute { position: absolute; }\n    .about-us-page .inset-0 { inset: 0; }\n    .about-us-page .overflow-hidden { overflow: hidden; }\n    .about-us-page .h-full { height: 100%; }\n    .about-us-page .w-full { width: 100%; }\n    .about-us-page .object-cover { object-fit: cover; }\n    .about-us-page .max-w-\\[43\\.2rem\\] { max-width: 43.2rem; }\n    .about-us-page .leading-none { line-height: 1; }\n    .about-us-page .last\\:border-b-0:last-child { border-bottom-width: 0; }\n    .about-us-page .gap-0 { gap: 0; }\n    .about-us-page .border-b { border-bottom-width: 1px; }\n    .about-us-page .border-t { border-top-width: 1px; }\n    .about-us-page .border-y { border-top-width: 1px; border-bottom-width: 1px; }\n    .about-us-page h1,\n    .about-us-page h2,\n    .about-us-page p,\n    .about-us-page ul,\n    .about-us-page figure {\n        margin: 0;\n        padding: 0;\n    }\n    .about-us-page ul {\n        list-style: none;\n    }\n    .about-us-page .about-wrap {\n        max-width: 1640px;\n        margin: 0 auto;\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-wrap {\n            padding-left: 47px;\n            padding-right: 47px;\n        }\n    }\n    .about-us-page .about-hero-grid {\n        max-width: 1640px;\n        margin: 0 auto;\n    }\n    .about-us-page .about-hero-text {\n        padding: 40px 20px 67px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-text {\n            padding: 54px 47px 108px;\n        }\n    }\n    .about-us-page .about-bg-tint {\n        background-color: #f3f0ea;\n    }\n    .about-us-page .eyebrow {\n        display: block;\n        font-size: 9.24px;\n        line-height: 1.5;\n        font-weight: 500;\n        letter-spacing: 0.2rem;\n        text-transform: uppercase;\n        color: #8b8486;\n    }\n    .about-us-page .font-display {\n        font-family: \"Roboto\", sans-serif;\n        font-weight: 400;\n    }\n    .about-us-page .font-copy {\n        font-family: \"Roboto\", sans-serif;\n        font-size: 15px;\n        line-height: 1.95;\n        color: #36322f;\n    }\n    .about-us-page .about-rich a {\n        color: inherit;\n        text-decoration: underline;\n        text-underline-offset: 2px;\n    }\n    .about-us-page .about-rich strong,\n    .about-us-page .about-rich b {\n        font-weight: 700;\n    }\n    .about-us-page .about-rich em,\n    .about-us-page .about-rich i {\n        font-style: italic;\n    }\n    .about-us-page .about-rich p + p {\n        margin-top: 0.85em;\n    }\n    .about-us-page .about-rich ul,\n    .about-us-page .about-rich ol {\n        margin: 0.6em 0;\n        padding-left: 1.25rem;\n    }\n    .about-us-page .about-rich ul {\n        list-style: disc;\n    }\n    .about-us-page .about-rich ol {\n        list-style: decimal;\n    }\n    .about-us-page .about-hero-copy {\n        font-size: 15px;\n        line-height: 1.9;\n        color: #36322f;\n    }\n    .about-us-page .about-hero-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(46px, 4.2vw, 67px);\n        line-height: 1.05;\n        letter-spacing: -0.01em;\n        font-weight: 400;\n        color: #0b0907;\n    }\n    .about-us-page .about-section-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(30px, 3vw, 40px);\n        line-height: 1.1;\n        color: #0b0907;\n        font-weight: 400;\n    }\n    .about-us-page .about-quote {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(23px, 2.1vw, 30px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-year {\n        font-size: 20px;\n        line-height: 1.25;\n        color: #0b0907;\n    }\n    .about-us-page .about-founders-quote {\n        font-size: clamp(24px, 2.4vw, 35px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-vision-q {\n        font-size: clamp(18px, 1.7vw, 23px);\n        line-height: 1.4;\n        color: #0b0907;\n    }\n    .about-us-page .about-cta-title {\n        font-size: clamp(23px, 2.4vw, 34px);\n        line-height: 1.1;\n        max-width: 645px;\n        margin-left: auto;\n        margin-right: auto;\n        text-align: center;\n    }\n    .about-us-page .about-address {\n        font-size: 12px;\n        line-height: 1.6;\n    }\n    .about-us-page .about-rule {\n        border-color: var(--about-rule);\n    }\n    .about-us-page .ken-burns {\n        animation: about-us-ken-burns 22s ease-out forwards;\n    }\n    @keyframes about-us-ken-burns {\n        from { transform: scale(1); }\n        to { transform: scale(1.08); }\n    }\n    .about-us-page .about-artists {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 13px 34px;\n        overflow-x: auto;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n    .about-us-page .about-artists::-webkit-scrollbar {\n        display: none;\n    }\n    .about-us-page .about-artists li {\n        white-space: nowrap;\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(20px, 1.8vw, 27px);\n        line-height: 1;\n        color: #0b0907;\n    }\n    .about-us-page .about-nav-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 2.5rem;\n        height: 2.5rem;\n        border-radius: 9999px;\n        border: 1px solid var(--about-rule);\n        color: #0b0907;\n        background: transparent;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-nav-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-timeline li,\n    .about-us-page .about-vision li {\n        transition: background-color .5s;\n    }\n    .about-us-page .about-timeline li:hover {\n        background: #f3f0ea;\n    }\n    .about-us-page .about-vision li:hover {\n        background: var(--about-paper);\n    }\n    .about-us-page .about-vision-item summary {\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n        padding: 27px 0;\n        cursor: pointer;\n        list-style: none;\n    }\n    .about-us-page .about-vision-item summary::-webkit-details-marker {\n        display: none;\n    }\n    .about-us-page .about-vision-item summary::after {\n        content: \"\";\n        flex: none;\n        width: 8px;\n        height: 8px;\n        margin-top: 8px;\n        margin-left: auto;\n        border-right: 1px solid #0b0907;\n        border-bottom: 1px solid #0b0907;\n        transform: rotate(45deg);\n        transition: transform .3s;\n    }\n    .about-us-page .about-vision-item[open] summary::after {\n        transform: rotate(225deg);\n        margin-top: 12px;\n    }\n    .about-us-page .about-vision-a {\n        max-width: 640px;\n        padding: 0 0 27px 42px;\n    }\n    @media (min-width: 600px) {\n        .about-us-page .about-vision-item summary {\n            padding-left: 8px;\n            padding-right: 8px;\n        }\n        .about-us-page .about-vision-a {\n            padding-left: 50px;\n            padding-right: 8px;\n        }\n    }\n    .about-us-page .about-cta-btn {\n        border: 1px solid #0b0907;\n        padding: 1rem 2rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-cta-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-cta-link {\n        padding: 1rem 0.25rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        background-image: linear-gradient(currentColor, currentColor);\n        background-position: 0 100%;\n        background-repeat: no-repeat;\n        background-size: 0 1px;\n        transition: background-size .4s;\n    }\n    .about-us-page .about-cta-link:hover {\n        background-size: 100% 1px;\n    }\n    .about-us-page .about-zoom {\n        transition: transform 1.2s ease;\n    }\n    .about-us-page .about-zoom:hover {\n        transform: scale(1.04);\n    }\n    .about-us-page .about-section {\n        padding-top: 81px;\n        padding-bottom: 81px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-section {\n            padding-top: 108px;\n            padding-bottom: 108px;\n        }\n    }\n    .about-us-page .about-hero-media {\n        width: 100%;\n        aspect-ratio: 16 \/ 9;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-grid {\n            position: relative;\n        }\n        .about-us-page .about-hero-media {\n            position: absolute;\n            inset: 0 0 0 50%;\n            width: auto;\n            aspect-ratio: auto;\n        }\n    }\n    .about-us-page .about-hero-media img {\n        object-position: center;\n    }\n    .about-us-page .about-tour-image,\n    .about-us-page .about-tour-frame {\n        height: 46vh;\n        width: 100%;\n        object-fit: cover;\n        border: 0;\n        display: block;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-tour-image,\n        .about-us-page .about-tour-frame {\n            height: 62vh;\n        }\n    }\n    .about-us-page .about-founders-image {\n        height: 40vh;\n        width: 100%;\n        object-fit: cover;\n    }\n    .about-us-page .about-video {\n        position: relative;\n        width: 100%;\n        padding-top: 56.25%;\n    }\n    .about-us-page .about-video iframe {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n    .about-us-page .gap-16 { gap: 54px; }\n    .about-us-page .gap-12 { gap: 40px; }\n    .about-us-page .gap-10 { gap: 34px; }\n    .about-us-page .gap-8 { gap: 27px; }\n    .about-us-page .gap-6 { gap: 20px; }\n    .about-us-page .gap-4 { gap: 13px; }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:gap-16 { gap: 54px; }\n    }\n    .about-us-page .space-y-8 > * + * { margin-top: 27px; }\n    .about-us-page .mt-2 { margin-top: 7px; }\n    .about-us-page .mt-3 { margin-top: 10px; }\n    .about-us-page .mt-4 { margin-top: 13px; }\n    .about-us-page .mt-6 { margin-top: 20px; }\n    .about-us-page .mt-8 { margin-top: 27px; }\n    .about-us-page .mt-10 { margin-top: 34px; }\n    .about-us-page .mt-12 { margin-top: 40px; }\n    .about-us-page .mt-16 { margin-top: 54px; }\n    .about-us-page .mt-20 { margin-top: 67px; }\n    .about-us-page .pt-8 { padding-top: 27px; }\n    .about-us-page .pt-10 { padding-top: 34px; }\n    .about-us-page .py-8 { padding-top: 27px; padding-bottom: 27px; }\n    @media (min-width: 600px) {\n        .about-us-page .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n        .about-us-page .md\\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }\n        .about-us-page .md\\:col-span-3 { grid-column: span 3 \/ span 3; }\n        .about-us-page .md\\:col-span-9 { grid-column: span 9 \/ span 9; }\n        .about-us-page .md\\:px-2 { padding-left: 8px; padding-right: 8px; }\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:grid-cols-12,\n        .about-us-page .lg\\:\\!grid-cols-12 {\n            grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n        }\n        .about-us-page .lg\\:col-span-4 { grid-column: span 4 \/ span 4; }\n        .about-us-page .lg\\:col-span-5 { grid-column: span 5 \/ span 5; }\n        .about-us-page .lg\\:col-span-6 { grid-column: span 6 \/ span 6; }\n        .about-us-page .lg\\:col-span-7 { grid-column: span 7 \/ span 7; }\n        .about-us-page .lg\\:col-span-8 { grid-column: span 8 \/ span 8; }\n        .about-us-page .lg\\:border-l { border-left-width: 1px; }\n    }\n<\/style>\n<section class=\"relative overflow-hidden border-b about-rule\">\n    <div class=\"about-hero-grid grid grid-cols-1 lg:!grid-cols-12 gap-0\">\n        <div class=\"about-hero-text lg:col-span-6 flex items-start\">\n            <div class=\"max-w-[43.2rem]\">\n                                    <span class=\"eyebrow\">Sianti Gallery \u2014 Est. 2016<\/span>\n                                                    <h1 class=\"about-hero-title mt-8\">\n                        WHO WE ARE                    <\/h1>\n                                <div class=\"mt-10 h-px w-24 bg-ink\"><\/div>\n                                    <div class=\"mt-10 font-copy about-hero-copy about-rich\"><p><strong>Sianti Gallery<\/strong> was founded in 2016 by Vassiliki and Theodoros Siantis, as the natural continuation of the long-standing journey of Eikastikos Kyklos, which began in 1982. This legacy passed on to a new generation, preserving the experience and values of the past while embracing a contemporary identity and a new direction. <strong>Sianti Gallery\u2019s<\/strong> activities include exhibitions, collaborations with both established and emerging artists, publications and educational initiatives, while also expanding its presence in Greece and abroad.<\/p><\/div>\n                            <\/div>\n        <\/div>\n        <div class=\"about-hero-media lg:col-span-6 relative overflow-hidden lg:border-l about-rule\">\n            <img decoding=\"async\" src=\"https:\/\/siantigallery.com\/wp-content\/uploads\/2026\/09\/gallery-hero.jpg\" alt=\"gallery-hero\" class=\"absolute inset-0 h-full w-full object-cover object-center ken-burns\">\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<style>\n    .about-us-page {\n        --about-rule: #dad7d4;\n        --about-paper: #fbfaf8;\n        color: #36322f;\n        background: #fff;\n        font-family: \"Roboto\", sans-serif;\n    }\n    .about-us-page [class*=\"wp-block-acf-about\"],\n    .about-us-page .alignfull,\n    .about-us-page .is-layout-constrained > *,\n    .about-us-page .is-layout-flow > * {\n        max-width: none !important;\n        margin: 0 !important;\n        width: 100%;\n    }\n    .about-us-page .grid {\n        display: grid;\n    }\n    .about-us-page .flex {\n        display: flex;\n    }\n    .about-us-page .grid-cols-1 {\n        grid-template-columns: minmax(0, 1fr);\n    }\n    .about-us-page .items-start { align-items: flex-start; }\n    .about-us-page .items-center { align-items: center; }\n    .about-us-page .justify-between { justify-content: space-between; }\n    .about-us-page .justify-center { justify-content: center; }\n    .about-us-page .flex-wrap { flex-wrap: wrap; }\n    .about-us-page .text-center { text-align: center; }\n    .about-us-page .relative { position: relative; }\n    .about-us-page .absolute { position: absolute; }\n    .about-us-page .inset-0 { inset: 0; }\n    .about-us-page .overflow-hidden { overflow: hidden; }\n    .about-us-page .h-full { height: 100%; }\n    .about-us-page .w-full { width: 100%; }\n    .about-us-page .object-cover { object-fit: cover; }\n    .about-us-page .max-w-\\[43\\.2rem\\] { max-width: 43.2rem; }\n    .about-us-page .leading-none { line-height: 1; }\n    .about-us-page .last\\:border-b-0:last-child { border-bottom-width: 0; }\n    .about-us-page .gap-0 { gap: 0; }\n    .about-us-page .border-b { border-bottom-width: 1px; }\n    .about-us-page .border-t { border-top-width: 1px; }\n    .about-us-page .border-y { border-top-width: 1px; border-bottom-width: 1px; }\n    .about-us-page h1,\n    .about-us-page h2,\n    .about-us-page p,\n    .about-us-page ul,\n    .about-us-page figure {\n        margin: 0;\n        padding: 0;\n    }\n    .about-us-page ul {\n        list-style: none;\n    }\n    .about-us-page .about-wrap {\n        max-width: 1640px;\n        margin: 0 auto;\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-wrap {\n            padding-left: 47px;\n            padding-right: 47px;\n        }\n    }\n    .about-us-page .about-hero-grid {\n        max-width: 1640px;\n        margin: 0 auto;\n    }\n    .about-us-page .about-hero-text {\n        padding: 40px 20px 67px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-text {\n            padding: 54px 47px 108px;\n        }\n    }\n    .about-us-page .about-bg-tint {\n        background-color: #f3f0ea;\n    }\n    .about-us-page .eyebrow {\n        display: block;\n        font-size: 9.24px;\n        line-height: 1.5;\n        font-weight: 500;\n        letter-spacing: 0.2rem;\n        text-transform: uppercase;\n        color: #8b8486;\n    }\n    .about-us-page .font-display {\n        font-family: \"Roboto\", sans-serif;\n        font-weight: 400;\n    }\n    .about-us-page .font-copy {\n        font-family: \"Roboto\", sans-serif;\n        font-size: 15px;\n        line-height: 1.95;\n        color: #36322f;\n    }\n    .about-us-page .about-rich a {\n        color: inherit;\n        text-decoration: underline;\n        text-underline-offset: 2px;\n    }\n    .about-us-page .about-rich strong,\n    .about-us-page .about-rich b {\n        font-weight: 700;\n    }\n    .about-us-page .about-rich em,\n    .about-us-page .about-rich i {\n        font-style: italic;\n    }\n    .about-us-page .about-rich p + p {\n        margin-top: 0.85em;\n    }\n    .about-us-page .about-rich ul,\n    .about-us-page .about-rich ol {\n        margin: 0.6em 0;\n        padding-left: 1.25rem;\n    }\n    .about-us-page .about-rich ul {\n        list-style: disc;\n    }\n    .about-us-page .about-rich ol {\n        list-style: decimal;\n    }\n    .about-us-page .about-hero-copy {\n        font-size: 15px;\n        line-height: 1.9;\n        color: #36322f;\n    }\n    .about-us-page .about-hero-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(46px, 4.2vw, 67px);\n        line-height: 1.05;\n        letter-spacing: -0.01em;\n        font-weight: 400;\n        color: #0b0907;\n    }\n    .about-us-page .about-section-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(30px, 3vw, 40px);\n        line-height: 1.1;\n        color: #0b0907;\n        font-weight: 400;\n    }\n    .about-us-page .about-quote {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(23px, 2.1vw, 30px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-year {\n        font-size: 20px;\n        line-height: 1.25;\n        color: #0b0907;\n    }\n    .about-us-page .about-founders-quote {\n        font-size: clamp(24px, 2.4vw, 35px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-vision-q {\n        font-size: clamp(18px, 1.7vw, 23px);\n        line-height: 1.4;\n        color: #0b0907;\n    }\n    .about-us-page .about-cta-title {\n        font-size: clamp(23px, 2.4vw, 34px);\n        line-height: 1.1;\n        max-width: 645px;\n        margin-left: auto;\n        margin-right: auto;\n        text-align: center;\n    }\n    .about-us-page .about-address {\n        font-size: 12px;\n        line-height: 1.6;\n    }\n    .about-us-page .about-rule {\n        border-color: var(--about-rule);\n    }\n    .about-us-page .ken-burns {\n        animation: about-us-ken-burns 22s ease-out forwards;\n    }\n    @keyframes about-us-ken-burns {\n        from { transform: scale(1); }\n        to { transform: scale(1.08); }\n    }\n    .about-us-page .about-artists {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 13px 34px;\n        overflow-x: auto;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n    .about-us-page .about-artists::-webkit-scrollbar {\n        display: none;\n    }\n    .about-us-page .about-artists li {\n        white-space: nowrap;\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(20px, 1.8vw, 27px);\n        line-height: 1;\n        color: #0b0907;\n    }\n    .about-us-page .about-nav-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 2.5rem;\n        height: 2.5rem;\n        border-radius: 9999px;\n        border: 1px solid var(--about-rule);\n        color: #0b0907;\n        background: transparent;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-nav-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-timeline li,\n    .about-us-page .about-vision li {\n        transition: background-color .5s;\n    }\n    .about-us-page .about-timeline li:hover {\n        background: #f3f0ea;\n    }\n    .about-us-page .about-vision li:hover {\n        background: var(--about-paper);\n    }\n    .about-us-page .about-vision-item summary {\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n        padding: 27px 0;\n        cursor: pointer;\n        list-style: none;\n    }\n    .about-us-page .about-vision-item summary::-webkit-details-marker {\n        display: none;\n    }\n    .about-us-page .about-vision-item summary::after {\n        content: \"\";\n        flex: none;\n        width: 8px;\n        height: 8px;\n        margin-top: 8px;\n        margin-left: auto;\n        border-right: 1px solid #0b0907;\n        border-bottom: 1px solid #0b0907;\n        transform: rotate(45deg);\n        transition: transform .3s;\n    }\n    .about-us-page .about-vision-item[open] summary::after {\n        transform: rotate(225deg);\n        margin-top: 12px;\n    }\n    .about-us-page .about-vision-a {\n        max-width: 640px;\n        padding: 0 0 27px 42px;\n    }\n    @media (min-width: 600px) {\n        .about-us-page .about-vision-item summary {\n            padding-left: 8px;\n            padding-right: 8px;\n        }\n        .about-us-page .about-vision-a {\n            padding-left: 50px;\n            padding-right: 8px;\n        }\n    }\n    .about-us-page .about-cta-btn {\n        border: 1px solid #0b0907;\n        padding: 1rem 2rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-cta-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-cta-link {\n        padding: 1rem 0.25rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        background-image: linear-gradient(currentColor, currentColor);\n        background-position: 0 100%;\n        background-repeat: no-repeat;\n        background-size: 0 1px;\n        transition: background-size .4s;\n    }\n    .about-us-page .about-cta-link:hover {\n        background-size: 100% 1px;\n    }\n    .about-us-page .about-zoom {\n        transition: transform 1.2s ease;\n    }\n    .about-us-page .about-zoom:hover {\n        transform: scale(1.04);\n    }\n    .about-us-page .about-section {\n        padding-top: 81px;\n        padding-bottom: 81px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-section {\n            padding-top: 108px;\n            padding-bottom: 108px;\n        }\n    }\n    .about-us-page .about-hero-media {\n        width: 100%;\n        aspect-ratio: 16 \/ 9;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-grid {\n            position: relative;\n        }\n        .about-us-page .about-hero-media {\n            position: absolute;\n            inset: 0 0 0 50%;\n            width: auto;\n            aspect-ratio: auto;\n        }\n    }\n    .about-us-page .about-hero-media img {\n        object-position: center;\n    }\n    .about-us-page .about-tour-image,\n    .about-us-page .about-tour-frame {\n        height: 46vh;\n        width: 100%;\n        object-fit: cover;\n        border: 0;\n        display: block;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-tour-image,\n        .about-us-page .about-tour-frame {\n            height: 62vh;\n        }\n    }\n    .about-us-page .about-founders-image {\n        height: 40vh;\n        width: 100%;\n        object-fit: cover;\n    }\n    .about-us-page .about-video {\n        position: relative;\n        width: 100%;\n        padding-top: 56.25%;\n    }\n    .about-us-page .about-video iframe {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n    .about-us-page .gap-16 { gap: 54px; }\n    .about-us-page .gap-12 { gap: 40px; }\n    .about-us-page .gap-10 { gap: 34px; }\n    .about-us-page .gap-8 { gap: 27px; }\n    .about-us-page .gap-6 { gap: 20px; }\n    .about-us-page .gap-4 { gap: 13px; }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:gap-16 { gap: 54px; }\n    }\n    .about-us-page .space-y-8 > * + * { margin-top: 27px; }\n    .about-us-page .mt-2 { margin-top: 7px; }\n    .about-us-page .mt-3 { margin-top: 10px; }\n    .about-us-page .mt-4 { margin-top: 13px; }\n    .about-us-page .mt-6 { margin-top: 20px; }\n    .about-us-page .mt-8 { margin-top: 27px; }\n    .about-us-page .mt-10 { margin-top: 34px; }\n    .about-us-page .mt-12 { margin-top: 40px; }\n    .about-us-page .mt-16 { margin-top: 54px; }\n    .about-us-page .mt-20 { margin-top: 67px; }\n    .about-us-page .pt-8 { padding-top: 27px; }\n    .about-us-page .pt-10 { padding-top: 34px; }\n    .about-us-page .py-8 { padding-top: 27px; padding-bottom: 27px; }\n    @media (min-width: 600px) {\n        .about-us-page .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n        .about-us-page .md\\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }\n        .about-us-page .md\\:col-span-3 { grid-column: span 3 \/ span 3; }\n        .about-us-page .md\\:col-span-9 { grid-column: span 9 \/ span 9; }\n        .about-us-page .md\\:px-2 { padding-left: 8px; padding-right: 8px; }\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:grid-cols-12,\n        .about-us-page .lg\\:\\!grid-cols-12 {\n            grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n        }\n        .about-us-page .lg\\:col-span-4 { grid-column: span 4 \/ span 4; }\n        .about-us-page .lg\\:col-span-5 { grid-column: span 5 \/ span 5; }\n        .about-us-page .lg\\:col-span-6 { grid-column: span 6 \/ span 6; }\n        .about-us-page .lg\\:col-span-7 { grid-column: span 7 \/ span 7; }\n        .about-us-page .lg\\:col-span-8 { grid-column: span 8 \/ span 8; }\n        .about-us-page .lg\\:border-l { border-left-width: 1px; }\n    }\n<\/style>\n<section class=\"border-b about-rule\">\n    <div class=\"about-wrap about-section\">\n        <div class=\"grid grid-cols-1 lg:!grid-cols-12 gap-16\">\n            <div class=\"lg:col-span-4\">\n                                    <span class=\"eyebrow\">OUR PHILOSOPHY<\/span>\n                                                    <div class=\"about-quote about-rich mt-8\"><p><strong>Integrity, experience and, above all,<\/strong><br \/>\n<strong>a love of art.<\/strong><\/p><\/div>\n                            <\/div>\n            <div class=\"lg:col-span-8 grid grid-cols-1 md:grid-cols-2 gap-12 font-copy\">\n                                    <div class=\"about-rich\"><p>Guided by integrity, experience and a love of art, <strong>Sianti Gallery<\/strong> supports artists and presents their work while building meaningful relationships with the public. For <strong>Sianti Gallery<\/strong>, art extends beyond the exhibition space; through its initiatives and collaborations, it becomes an opportunity for connection and dialogue with collectors, art lovers and a wider audience.<\/p><\/div>\n                                                    <div class=\"about-rich\"><p>Its activities include the representation of both established and emerging artists, the organization and curation of exhibitions, collaborations with museums and cultural institutions, publications and educational programs for children. At the same time, the Gallery embraces contemporary forms of communication and digital presentation<br \/>\nthrough its Blog, Art Talks and Art News, broadening access to information and dialogue around art.<\/p><\/div>\n                            <\/div>\n        <\/div>\n\n                    <div\n                class=\"mt-20 border-t about-rule pt-10\"\n                x-data=\"{\n                    move(dir) {\n                        const el = this.$refs.artists;\n                        if (!el) return;\n                        el.scrollBy({ left: dir * Math.min(el.clientWidth * 0.55, 420), behavior: 'smooth' });\n                    }\n                }\"\n            >\n                <div class=\"flex items-center justify-between gap-4\">\n                                            <span class=\"eyebrow\">OUR LEGACY<\/span>\n                                                                <div class=\"flex items-center gap-2\">\n                            <button type=\"button\" class=\"about-nav-btn\" aria-label=\"\u03a0\u03c1\u03bf\u03b7\u03b3\u03bf\u03cd\u03bc\u03b5\u03bd\u03bf\u03b9 \u03ba\u03b1\u03bb\u03bb\u03b9\u03c4\u03ad\u03c7\u03bd\u03b5\u03c2\" @click=\"move(-1)\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m15 18-6-6 6-6\"><\/path><\/svg>\n                            <\/button>\n                            <button type=\"button\" class=\"about-nav-btn\" aria-label=\"\u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf\u03b9 \u03ba\u03b1\u03bb\u03bb\u03b9\u03c4\u03ad\u03c7\u03bd\u03b5\u03c2\" @click=\"move(1)\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                            <\/button>\n                        <\/div>\n                                    <\/div>\n                                    <ul class=\"about-artists mt-8\" x-ref=\"artists\">\n                                                                                    <li>Akrithakis Alexis<\/li>\n                                                                                                                <li>Chryssa Vardea<\/li>\n                                                                                                                <li>Gaitis Yiannis<\/li>\n                                                                                                                <li>Gikas Hadjikyriakos Nikos<\/li>\n                                                                                                                <li>Grammatopoulos Kostas<\/li>\n                                                                                                                <li>Karavouzis Sarantis<\/li>\n                                                                                                                <li>Kokkinidis Dimosthenis<\/li>\n                                                                                                                <li>Koulentianos Kostas<\/li>\n                                                                                                                <li>Malamos Kostas<\/li>\n                                                                                                                <li>Mytaras Dimitris<\/li>\n                                                                                                                <li>Nikolaou Nikos<\/li>\n                                                                                                                <li>Pavlos Dionisopoulos<\/li>\n                                                                                                                <li>Paniaras Kostas<\/li>\n                                                                                                                <li>Prekas Paris<\/li>\n                                                                                                                <li>Samios Pavlos<\/li>\n                                                                                                                <li>Sikeliotis Giorgos<\/li>\n                                                                                                                <li>Stamos Theodoros<\/li>\n                                                                                                                <li>Tetsis Panagiotis<\/li>\n                                                                                                                <li>Tsarouchis Yiannis<\/li>\n                                                                                                                <li>Fassianos Alekos<\/li>\n                                                                                                                <li>Vasiliou Spiros<\/li>\n                                                                                                                <li>Zounis Opi<\/li>\n                                                                        <\/ul>\n                            <\/div>\n            <\/div>\n<\/section>\n\n\n<style>\n    .about-us-page {\n        --about-rule: #dad7d4;\n        --about-paper: #fbfaf8;\n        color: #36322f;\n        background: #fff;\n        font-family: \"Roboto\", sans-serif;\n    }\n    .about-us-page [class*=\"wp-block-acf-about\"],\n    .about-us-page .alignfull,\n    .about-us-page .is-layout-constrained > *,\n    .about-us-page .is-layout-flow > * {\n        max-width: none !important;\n        margin: 0 !important;\n        width: 100%;\n    }\n    .about-us-page .grid {\n        display: grid;\n    }\n    .about-us-page .flex {\n        display: flex;\n    }\n    .about-us-page .grid-cols-1 {\n        grid-template-columns: minmax(0, 1fr);\n    }\n    .about-us-page .items-start { align-items: flex-start; }\n    .about-us-page .items-center { align-items: center; }\n    .about-us-page .justify-between { justify-content: space-between; }\n    .about-us-page .justify-center { justify-content: center; }\n    .about-us-page .flex-wrap { flex-wrap: wrap; }\n    .about-us-page .text-center { text-align: center; }\n    .about-us-page .relative { position: relative; }\n    .about-us-page .absolute { position: absolute; }\n    .about-us-page .inset-0 { inset: 0; }\n    .about-us-page .overflow-hidden { overflow: hidden; }\n    .about-us-page .h-full { height: 100%; }\n    .about-us-page .w-full { width: 100%; }\n    .about-us-page .object-cover { object-fit: cover; }\n    .about-us-page .max-w-\\[43\\.2rem\\] { max-width: 43.2rem; }\n    .about-us-page .leading-none { line-height: 1; }\n    .about-us-page .last\\:border-b-0:last-child { border-bottom-width: 0; }\n    .about-us-page .gap-0 { gap: 0; }\n    .about-us-page .border-b { border-bottom-width: 1px; }\n    .about-us-page .border-t { border-top-width: 1px; }\n    .about-us-page .border-y { border-top-width: 1px; border-bottom-width: 1px; }\n    .about-us-page h1,\n    .about-us-page h2,\n    .about-us-page p,\n    .about-us-page ul,\n    .about-us-page figure {\n        margin: 0;\n        padding: 0;\n    }\n    .about-us-page ul {\n        list-style: none;\n    }\n    .about-us-page .about-wrap {\n        max-width: 1640px;\n        margin: 0 auto;\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-wrap {\n            padding-left: 47px;\n            padding-right: 47px;\n        }\n    }\n    .about-us-page .about-hero-grid {\n        max-width: 1640px;\n        margin: 0 auto;\n    }\n    .about-us-page .about-hero-text {\n        padding: 40px 20px 67px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-text {\n            padding: 54px 47px 108px;\n        }\n    }\n    .about-us-page .about-bg-tint {\n        background-color: #f3f0ea;\n    }\n    .about-us-page .eyebrow {\n        display: block;\n        font-size: 9.24px;\n        line-height: 1.5;\n        font-weight: 500;\n        letter-spacing: 0.2rem;\n        text-transform: uppercase;\n        color: #8b8486;\n    }\n    .about-us-page .font-display {\n        font-family: \"Roboto\", sans-serif;\n        font-weight: 400;\n    }\n    .about-us-page .font-copy {\n        font-family: \"Roboto\", sans-serif;\n        font-size: 15px;\n        line-height: 1.95;\n        color: #36322f;\n    }\n    .about-us-page .about-rich a {\n        color: inherit;\n        text-decoration: underline;\n        text-underline-offset: 2px;\n    }\n    .about-us-page .about-rich strong,\n    .about-us-page .about-rich b {\n        font-weight: 700;\n    }\n    .about-us-page .about-rich em,\n    .about-us-page .about-rich i {\n        font-style: italic;\n    }\n    .about-us-page .about-rich p + p {\n        margin-top: 0.85em;\n    }\n    .about-us-page .about-rich ul,\n    .about-us-page .about-rich ol {\n        margin: 0.6em 0;\n        padding-left: 1.25rem;\n    }\n    .about-us-page .about-rich ul {\n        list-style: disc;\n    }\n    .about-us-page .about-rich ol {\n        list-style: decimal;\n    }\n    .about-us-page .about-hero-copy {\n        font-size: 15px;\n        line-height: 1.9;\n        color: #36322f;\n    }\n    .about-us-page .about-hero-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(46px, 4.2vw, 67px);\n        line-height: 1.05;\n        letter-spacing: -0.01em;\n        font-weight: 400;\n        color: #0b0907;\n    }\n    .about-us-page .about-section-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(30px, 3vw, 40px);\n        line-height: 1.1;\n        color: #0b0907;\n        font-weight: 400;\n    }\n    .about-us-page .about-quote {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(23px, 2.1vw, 30px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-year {\n        font-size: 20px;\n        line-height: 1.25;\n        color: #0b0907;\n    }\n    .about-us-page .about-founders-quote {\n        font-size: clamp(24px, 2.4vw, 35px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-vision-q {\n        font-size: clamp(18px, 1.7vw, 23px);\n        line-height: 1.4;\n        color: #0b0907;\n    }\n    .about-us-page .about-cta-title {\n        font-size: clamp(23px, 2.4vw, 34px);\n        line-height: 1.1;\n        max-width: 645px;\n        margin-left: auto;\n        margin-right: auto;\n        text-align: center;\n    }\n    .about-us-page .about-address {\n        font-size: 12px;\n        line-height: 1.6;\n    }\n    .about-us-page .about-rule {\n        border-color: var(--about-rule);\n    }\n    .about-us-page .ken-burns {\n        animation: about-us-ken-burns 22s ease-out forwards;\n    }\n    @keyframes about-us-ken-burns {\n        from { transform: scale(1); }\n        to { transform: scale(1.08); }\n    }\n    .about-us-page .about-artists {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 13px 34px;\n        overflow-x: auto;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n    .about-us-page .about-artists::-webkit-scrollbar {\n        display: none;\n    }\n    .about-us-page .about-artists li {\n        white-space: nowrap;\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(20px, 1.8vw, 27px);\n        line-height: 1;\n        color: #0b0907;\n    }\n    .about-us-page .about-nav-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 2.5rem;\n        height: 2.5rem;\n        border-radius: 9999px;\n        border: 1px solid var(--about-rule);\n        color: #0b0907;\n        background: transparent;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-nav-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-timeline li,\n    .about-us-page .about-vision li {\n        transition: background-color .5s;\n    }\n    .about-us-page .about-timeline li:hover {\n        background: #f3f0ea;\n    }\n    .about-us-page .about-vision li:hover {\n        background: var(--about-paper);\n    }\n    .about-us-page .about-vision-item summary {\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n        padding: 27px 0;\n        cursor: pointer;\n        list-style: none;\n    }\n    .about-us-page .about-vision-item summary::-webkit-details-marker {\n        display: none;\n    }\n    .about-us-page .about-vision-item summary::after {\n        content: \"\";\n        flex: none;\n        width: 8px;\n        height: 8px;\n        margin-top: 8px;\n        margin-left: auto;\n        border-right: 1px solid #0b0907;\n        border-bottom: 1px solid #0b0907;\n        transform: rotate(45deg);\n        transition: transform .3s;\n    }\n    .about-us-page .about-vision-item[open] summary::after {\n        transform: rotate(225deg);\n        margin-top: 12px;\n    }\n    .about-us-page .about-vision-a {\n        max-width: 640px;\n        padding: 0 0 27px 42px;\n    }\n    @media (min-width: 600px) {\n        .about-us-page .about-vision-item summary {\n            padding-left: 8px;\n            padding-right: 8px;\n        }\n        .about-us-page .about-vision-a {\n            padding-left: 50px;\n            padding-right: 8px;\n        }\n    }\n    .about-us-page .about-cta-btn {\n        border: 1px solid #0b0907;\n        padding: 1rem 2rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-cta-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-cta-link {\n        padding: 1rem 0.25rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        background-image: linear-gradient(currentColor, currentColor);\n        background-position: 0 100%;\n        background-repeat: no-repeat;\n        background-size: 0 1px;\n        transition: background-size .4s;\n    }\n    .about-us-page .about-cta-link:hover {\n        background-size: 100% 1px;\n    }\n    .about-us-page .about-zoom {\n        transition: transform 1.2s ease;\n    }\n    .about-us-page .about-zoom:hover {\n        transform: scale(1.04);\n    }\n    .about-us-page .about-section {\n        padding-top: 81px;\n        padding-bottom: 81px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-section {\n            padding-top: 108px;\n            padding-bottom: 108px;\n        }\n    }\n    .about-us-page .about-hero-media {\n        width: 100%;\n        aspect-ratio: 16 \/ 9;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-grid {\n            position: relative;\n        }\n        .about-us-page .about-hero-media {\n            position: absolute;\n            inset: 0 0 0 50%;\n            width: auto;\n            aspect-ratio: auto;\n        }\n    }\n    .about-us-page .about-hero-media img {\n        object-position: center;\n    }\n    .about-us-page .about-tour-image,\n    .about-us-page .about-tour-frame {\n        height: 46vh;\n        width: 100%;\n        object-fit: cover;\n        border: 0;\n        display: block;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-tour-image,\n        .about-us-page .about-tour-frame {\n            height: 62vh;\n        }\n    }\n    .about-us-page .about-founders-image {\n        height: 40vh;\n        width: 100%;\n        object-fit: cover;\n    }\n    .about-us-page .about-video {\n        position: relative;\n        width: 100%;\n        padding-top: 56.25%;\n    }\n    .about-us-page .about-video iframe {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n    .about-us-page .gap-16 { gap: 54px; }\n    .about-us-page .gap-12 { gap: 40px; }\n    .about-us-page .gap-10 { gap: 34px; }\n    .about-us-page .gap-8 { gap: 27px; }\n    .about-us-page .gap-6 { gap: 20px; }\n    .about-us-page .gap-4 { gap: 13px; }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:gap-16 { gap: 54px; }\n    }\n    .about-us-page .space-y-8 > * + * { margin-top: 27px; }\n    .about-us-page .mt-2 { margin-top: 7px; }\n    .about-us-page .mt-3 { margin-top: 10px; }\n    .about-us-page .mt-4 { margin-top: 13px; }\n    .about-us-page .mt-6 { margin-top: 20px; }\n    .about-us-page .mt-8 { margin-top: 27px; }\n    .about-us-page .mt-10 { margin-top: 34px; }\n    .about-us-page .mt-12 { margin-top: 40px; }\n    .about-us-page .mt-16 { margin-top: 54px; }\n    .about-us-page .mt-20 { margin-top: 67px; }\n    .about-us-page .pt-8 { padding-top: 27px; }\n    .about-us-page .pt-10 { padding-top: 34px; }\n    .about-us-page .py-8 { padding-top: 27px; padding-bottom: 27px; }\n    @media (min-width: 600px) {\n        .about-us-page .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n        .about-us-page .md\\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }\n        .about-us-page .md\\:col-span-3 { grid-column: span 3 \/ span 3; }\n        .about-us-page .md\\:col-span-9 { grid-column: span 9 \/ span 9; }\n        .about-us-page .md\\:px-2 { padding-left: 8px; padding-right: 8px; }\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:grid-cols-12,\n        .about-us-page .lg\\:\\!grid-cols-12 {\n            grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n        }\n        .about-us-page .lg\\:col-span-4 { grid-column: span 4 \/ span 4; }\n        .about-us-page .lg\\:col-span-5 { grid-column: span 5 \/ span 5; }\n        .about-us-page .lg\\:col-span-6 { grid-column: span 6 \/ span 6; }\n        .about-us-page .lg\\:col-span-7 { grid-column: span 7 \/ span 7; }\n        .about-us-page .lg\\:col-span-8 { grid-column: span 8 \/ span 8; }\n        .about-us-page .lg\\:border-l { border-left-width: 1px; }\n    }\n<\/style>\n<section class=\"border-b about-rule about-bg-tint\">\n    <div class=\"about-wrap about-section\">\n        <div class=\"grid grid-cols-1 lg:!grid-cols-12 gap-10 lg:gap-16 items-start\">\n            <div class=\"lg:col-span-5\">\n                                    <span class=\"eyebrow leading-none\">VIRTUAL TOUR<\/span>\n                                                    <h2 class=\"about-section-title mt-2\">Explore our space<\/h2>\n                                                    <div class=\"font-copy about-rich mt-4\"><p>Explore <strong>Sianti Gallery<\/strong> digitally and tour our exhibition spaces and d\u00e9p\u00f4t from wherever you are.<\/p><\/div>\n                            <\/div>\n            <div class=\"lg:col-span-7 overflow-hidden\">\n                                    <iframe\n                        src=\"\/vt\/index.html\"\n                        class=\"about-tour-frame\"\n                        title=\"Explore our space\"\n                        loading=\"lazy\"\n                        allow=\"fullscreen; xr-spatial-tracking\"\n                        allowfullscreen\n                    ><\/iframe>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<style>\n    .about-us-page {\n        --about-rule: #dad7d4;\n        --about-paper: #fbfaf8;\n        color: #36322f;\n        background: #fff;\n        font-family: \"Roboto\", sans-serif;\n    }\n    .about-us-page [class*=\"wp-block-acf-about\"],\n    .about-us-page .alignfull,\n    .about-us-page .is-layout-constrained > *,\n    .about-us-page .is-layout-flow > * {\n        max-width: none !important;\n        margin: 0 !important;\n        width: 100%;\n    }\n    .about-us-page .grid {\n        display: grid;\n    }\n    .about-us-page .flex {\n        display: flex;\n    }\n    .about-us-page .grid-cols-1 {\n        grid-template-columns: minmax(0, 1fr);\n    }\n    .about-us-page .items-start { align-items: flex-start; }\n    .about-us-page .items-center { align-items: center; }\n    .about-us-page .justify-between { justify-content: space-between; }\n    .about-us-page .justify-center { justify-content: center; }\n    .about-us-page .flex-wrap { flex-wrap: wrap; }\n    .about-us-page .text-center { text-align: center; }\n    .about-us-page .relative { position: relative; }\n    .about-us-page .absolute { position: absolute; }\n    .about-us-page .inset-0 { inset: 0; }\n    .about-us-page .overflow-hidden { overflow: hidden; }\n    .about-us-page .h-full { height: 100%; }\n    .about-us-page .w-full { width: 100%; }\n    .about-us-page .object-cover { object-fit: cover; }\n    .about-us-page .max-w-\\[43\\.2rem\\] { max-width: 43.2rem; }\n    .about-us-page .leading-none { line-height: 1; }\n    .about-us-page .last\\:border-b-0:last-child { border-bottom-width: 0; }\n    .about-us-page .gap-0 { gap: 0; }\n    .about-us-page .border-b { border-bottom-width: 1px; }\n    .about-us-page .border-t { border-top-width: 1px; }\n    .about-us-page .border-y { border-top-width: 1px; border-bottom-width: 1px; }\n    .about-us-page h1,\n    .about-us-page h2,\n    .about-us-page p,\n    .about-us-page ul,\n    .about-us-page figure {\n        margin: 0;\n        padding: 0;\n    }\n    .about-us-page ul {\n        list-style: none;\n    }\n    .about-us-page .about-wrap {\n        max-width: 1640px;\n        margin: 0 auto;\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-wrap {\n            padding-left: 47px;\n            padding-right: 47px;\n        }\n    }\n    .about-us-page .about-hero-grid {\n        max-width: 1640px;\n        margin: 0 auto;\n    }\n    .about-us-page .about-hero-text {\n        padding: 40px 20px 67px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-text {\n            padding: 54px 47px 108px;\n        }\n    }\n    .about-us-page .about-bg-tint {\n        background-color: #f3f0ea;\n    }\n    .about-us-page .eyebrow {\n        display: block;\n        font-size: 9.24px;\n        line-height: 1.5;\n        font-weight: 500;\n        letter-spacing: 0.2rem;\n        text-transform: uppercase;\n        color: #8b8486;\n    }\n    .about-us-page .font-display {\n        font-family: \"Roboto\", sans-serif;\n        font-weight: 400;\n    }\n    .about-us-page .font-copy {\n        font-family: \"Roboto\", sans-serif;\n        font-size: 15px;\n        line-height: 1.95;\n        color: #36322f;\n    }\n    .about-us-page .about-rich a {\n        color: inherit;\n        text-decoration: underline;\n        text-underline-offset: 2px;\n    }\n    .about-us-page .about-rich strong,\n    .about-us-page .about-rich b {\n        font-weight: 700;\n    }\n    .about-us-page .about-rich em,\n    .about-us-page .about-rich i {\n        font-style: italic;\n    }\n    .about-us-page .about-rich p + p {\n        margin-top: 0.85em;\n    }\n    .about-us-page .about-rich ul,\n    .about-us-page .about-rich ol {\n        margin: 0.6em 0;\n        padding-left: 1.25rem;\n    }\n    .about-us-page .about-rich ul {\n        list-style: disc;\n    }\n    .about-us-page .about-rich ol {\n        list-style: decimal;\n    }\n    .about-us-page .about-hero-copy {\n        font-size: 15px;\n        line-height: 1.9;\n        color: #36322f;\n    }\n    .about-us-page .about-hero-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(46px, 4.2vw, 67px);\n        line-height: 1.05;\n        letter-spacing: -0.01em;\n        font-weight: 400;\n        color: #0b0907;\n    }\n    .about-us-page .about-section-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(30px, 3vw, 40px);\n        line-height: 1.1;\n        color: #0b0907;\n        font-weight: 400;\n    }\n    .about-us-page .about-quote {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(23px, 2.1vw, 30px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-year {\n        font-size: 20px;\n        line-height: 1.25;\n        color: #0b0907;\n    }\n    .about-us-page .about-founders-quote {\n        font-size: clamp(24px, 2.4vw, 35px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-vision-q {\n        font-size: clamp(18px, 1.7vw, 23px);\n        line-height: 1.4;\n        color: #0b0907;\n    }\n    .about-us-page .about-cta-title {\n        font-size: clamp(23px, 2.4vw, 34px);\n        line-height: 1.1;\n        max-width: 645px;\n        margin-left: auto;\n        margin-right: auto;\n        text-align: center;\n    }\n    .about-us-page .about-address {\n        font-size: 12px;\n        line-height: 1.6;\n    }\n    .about-us-page .about-rule {\n        border-color: var(--about-rule);\n    }\n    .about-us-page .ken-burns {\n        animation: about-us-ken-burns 22s ease-out forwards;\n    }\n    @keyframes about-us-ken-burns {\n        from { transform: scale(1); }\n        to { transform: scale(1.08); }\n    }\n    .about-us-page .about-artists {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 13px 34px;\n        overflow-x: auto;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n    .about-us-page .about-artists::-webkit-scrollbar {\n        display: none;\n    }\n    .about-us-page .about-artists li {\n        white-space: nowrap;\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(20px, 1.8vw, 27px);\n        line-height: 1;\n        color: #0b0907;\n    }\n    .about-us-page .about-nav-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 2.5rem;\n        height: 2.5rem;\n        border-radius: 9999px;\n        border: 1px solid var(--about-rule);\n        color: #0b0907;\n        background: transparent;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-nav-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-timeline li,\n    .about-us-page .about-vision li {\n        transition: background-color .5s;\n    }\n    .about-us-page .about-timeline li:hover {\n        background: #f3f0ea;\n    }\n    .about-us-page .about-vision li:hover {\n        background: var(--about-paper);\n    }\n    .about-us-page .about-vision-item summary {\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n        padding: 27px 0;\n        cursor: pointer;\n        list-style: none;\n    }\n    .about-us-page .about-vision-item summary::-webkit-details-marker {\n        display: none;\n    }\n    .about-us-page .about-vision-item summary::after {\n        content: \"\";\n        flex: none;\n        width: 8px;\n        height: 8px;\n        margin-top: 8px;\n        margin-left: auto;\n        border-right: 1px solid #0b0907;\n        border-bottom: 1px solid #0b0907;\n        transform: rotate(45deg);\n        transition: transform .3s;\n    }\n    .about-us-page .about-vision-item[open] summary::after {\n        transform: rotate(225deg);\n        margin-top: 12px;\n    }\n    .about-us-page .about-vision-a {\n        max-width: 640px;\n        padding: 0 0 27px 42px;\n    }\n    @media (min-width: 600px) {\n        .about-us-page .about-vision-item summary {\n            padding-left: 8px;\n            padding-right: 8px;\n        }\n        .about-us-page .about-vision-a {\n            padding-left: 50px;\n            padding-right: 8px;\n        }\n    }\n    .about-us-page .about-cta-btn {\n        border: 1px solid #0b0907;\n        padding: 1rem 2rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-cta-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-cta-link {\n        padding: 1rem 0.25rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        background-image: linear-gradient(currentColor, currentColor);\n        background-position: 0 100%;\n        background-repeat: no-repeat;\n        background-size: 0 1px;\n        transition: background-size .4s;\n    }\n    .about-us-page .about-cta-link:hover {\n        background-size: 100% 1px;\n    }\n    .about-us-page .about-zoom {\n        transition: transform 1.2s ease;\n    }\n    .about-us-page .about-zoom:hover {\n        transform: scale(1.04);\n    }\n    .about-us-page .about-section {\n        padding-top: 81px;\n        padding-bottom: 81px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-section {\n            padding-top: 108px;\n            padding-bottom: 108px;\n        }\n    }\n    .about-us-page .about-hero-media {\n        width: 100%;\n        aspect-ratio: 16 \/ 9;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-grid {\n            position: relative;\n        }\n        .about-us-page .about-hero-media {\n            position: absolute;\n            inset: 0 0 0 50%;\n            width: auto;\n            aspect-ratio: auto;\n        }\n    }\n    .about-us-page .about-hero-media img {\n        object-position: center;\n    }\n    .about-us-page .about-tour-image,\n    .about-us-page .about-tour-frame {\n        height: 46vh;\n        width: 100%;\n        object-fit: cover;\n        border: 0;\n        display: block;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-tour-image,\n        .about-us-page .about-tour-frame {\n            height: 62vh;\n        }\n    }\n    .about-us-page .about-founders-image {\n        height: 40vh;\n        width: 100%;\n        object-fit: cover;\n    }\n    .about-us-page .about-video {\n        position: relative;\n        width: 100%;\n        padding-top: 56.25%;\n    }\n    .about-us-page .about-video iframe {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n    .about-us-page .gap-16 { gap: 54px; }\n    .about-us-page .gap-12 { gap: 40px; }\n    .about-us-page .gap-10 { gap: 34px; }\n    .about-us-page .gap-8 { gap: 27px; }\n    .about-us-page .gap-6 { gap: 20px; }\n    .about-us-page .gap-4 { gap: 13px; }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:gap-16 { gap: 54px; }\n    }\n    .about-us-page .space-y-8 > * + * { margin-top: 27px; }\n    .about-us-page .mt-2 { margin-top: 7px; }\n    .about-us-page .mt-3 { margin-top: 10px; }\n    .about-us-page .mt-4 { margin-top: 13px; }\n    .about-us-page .mt-6 { margin-top: 20px; }\n    .about-us-page .mt-8 { margin-top: 27px; }\n    .about-us-page .mt-10 { margin-top: 34px; }\n    .about-us-page .mt-12 { margin-top: 40px; }\n    .about-us-page .mt-16 { margin-top: 54px; }\n    .about-us-page .mt-20 { margin-top: 67px; }\n    .about-us-page .pt-8 { padding-top: 27px; }\n    .about-us-page .pt-10 { padding-top: 34px; }\n    .about-us-page .py-8 { padding-top: 27px; padding-bottom: 27px; }\n    @media (min-width: 600px) {\n        .about-us-page .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n        .about-us-page .md\\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }\n        .about-us-page .md\\:col-span-3 { grid-column: span 3 \/ span 3; }\n        .about-us-page .md\\:col-span-9 { grid-column: span 9 \/ span 9; }\n        .about-us-page .md\\:px-2 { padding-left: 8px; padding-right: 8px; }\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:grid-cols-12,\n        .about-us-page .lg\\:\\!grid-cols-12 {\n            grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n        }\n        .about-us-page .lg\\:col-span-4 { grid-column: span 4 \/ span 4; }\n        .about-us-page .lg\\:col-span-5 { grid-column: span 5 \/ span 5; }\n        .about-us-page .lg\\:col-span-6 { grid-column: span 6 \/ span 6; }\n        .about-us-page .lg\\:col-span-7 { grid-column: span 7 \/ span 7; }\n        .about-us-page .lg\\:col-span-8 { grid-column: span 8 \/ span 8; }\n        .about-us-page .lg\\:border-l { border-left-width: 1px; }\n    }\n<\/style>\n<section class=\"border-b about-rule\">\n    <div class=\"about-wrap about-section\">\n        <div class=\"grid grid-cols-1 lg:!grid-cols-12 gap-16\">\n            <div class=\"lg:col-span-4\">\n                                    <span class=\"eyebrow\">OUR HISTORY<\/span>\n                                                    <h2 class=\"about-section-title mt-6\">THE GALLERY<\/h2>\n                                                    <div class=\"font-copy about-rich mt-8\"><p>From Eikastikos Kyklos in 1982 to <strong>Sianti Gallery<\/strong> today, with a continuous presence on the Greek art scene.<\/p><\/div>\n                            <\/div>\n                            <div class=\"lg:col-span-8\">\n                    <ul class=\"about-timeline border-y about-rule\">\n                                                    <li class=\"grid grid-cols-1 md:grid-cols-12 gap-4 py-8 px-0 md:px-2 border-b about-rule last:border-b-0\">\n                                <div class=\"md:col-span-3 font-display about-year\">1981<\/div>\n                                <div class=\"md:col-span-9 font-copy about-rich\"><p>Eikastikos Kyklos is founded by Fanis Siantis and Dinos Lymberopoulos, with a focus<br \/>\non printmaking, particularly screen printing.<\/p><\/div>\n                            <\/li>\n                                                    <li class=\"grid grid-cols-1 md:grid-cols-12 gap-4 py-8 px-0 md:px-2 border-b about-rule last:border-b-0\">\n                                <div class=\"md:col-span-3 font-display about-year\">1982<\/div>\n                                <div class=\"md:col-span-9 font-copy about-rich\"><p>Eikastikos Kyklos presents its first prints in collaboration with leading Greek artists, at its premises on Patission Street, opposite the National Technical University of Athens.<\/p><\/div>\n                            <\/li>\n                                                    <li class=\"grid grid-cols-1 md:grid-cols-12 gap-4 py-8 px-0 md:px-2 border-b about-rule last:border-b-0\">\n                                <div class=\"md:col-span-3 font-display about-year\">1996<\/div>\n                                <div class=\"md:col-span-9 font-copy about-rich\"><p>The building on Charilaou Trikoupi Street is established as the main home of<br \/>\nEikastikos Kyklos, hosting exhibitions and an Art Shop.<\/p><\/div>\n                            <\/li>\n                                                    <li class=\"grid grid-cols-1 md:grid-cols-12 gap-4 py-8 px-0 md:px-2 border-b about-rule last:border-b-0\">\n                                <div class=\"md:col-span-3 font-display about-year\">2002<\/div>\n                                <div class=\"md:col-span-9 font-copy about-rich\"><p>Eikastikos Kyklos expands its presence to Kolonaki, opening a new space on<br \/>\nKarneadou Street that includes an Art Shop and exhibition space.<\/p><\/div>\n                            <\/li>\n                                                    <li class=\"grid grid-cols-1 md:grid-cols-12 gap-4 py-8 px-0 md:px-2 border-b about-rule last:border-b-0\">\n                                <div class=\"md:col-span-3 font-display about-year\">2006<\/div>\n                                <div class=\"md:col-span-9 font-copy about-rich\"><p>Eikastikos Kyklos expands its presence to Kolonaki, opening a new space on<br \/>\nKarneadou Street that includes an Art Shop and exhibition space.<\/p><\/div>\n                            <\/li>\n                                                    <li class=\"grid grid-cols-1 md:grid-cols-12 gap-4 py-8 px-0 md:px-2 border-b about-rule last:border-b-0\">\n                                <div class=\"md:col-span-3 font-display about-year\">2015<\/div>\n                                <div class=\"md:col-span-9 font-copy about-rich\"><p>The <strong>Eikastikos Kyklos<\/strong> gallery concludes its operation, and its activities continue under the name <strong>Eikastikos Kyklos Sianti<\/strong>, marking the transition to a new generation.<\/p><\/div>\n                            <\/li>\n                                                    <li class=\"grid grid-cols-1 md:grid-cols-12 gap-4 py-8 px-0 md:px-2 border-b about-rule last:border-b-0\">\n                                <div class=\"md:col-span-3 font-display about-year\">2016<\/div>\n                                <div class=\"md:col-span-9 font-copy about-rich\"><p>Vassiliki and Theodoros Siantis establish <strong>Sianti Gallery<\/strong> as the natural continuation of<br \/>\nEikastikos Kyklos.<\/p><\/div>\n                            <\/li>\n                                                    <li class=\"grid grid-cols-1 md:grid-cols-12 gap-4 py-8 px-0 md:px-2 border-b about-rule last:border-b-0\">\n                                <div class=\"md:col-span-3 font-display about-year\">2026<\/div>\n                                <div class=\"md:col-span-9 font-copy about-rich\"><div>\n<p><strong>Sianti Gallery celebrates 10 years<\/strong>, continuing its exhibition programme while expanding its collaborations and initiatives in the field of contemporary art.<\/p>\n<\/div>\n<div><\/div><\/div>\n                            <\/li>\n                                            <\/ul>\n                <\/div>\n                    <\/div>\n\n                    <div class=\"mt-20 grid grid-cols-1 lg:!grid-cols-12 gap-12 items-center\">\n                <figure class=\"lg:col-span-5 overflow-hidden\">\n                    <img decoding=\"async\" src=\"https:\/\/siantigallery.com\/wp-content\/uploads\/2026\/09\/sianti-family.jpg\" alt=\"sianti-family\" class=\"about-founders-image about-zoom\">\n                <\/figure>\n                <div class=\"lg:col-span-7\">\n                                            <div class=\"font-display about-founders-quote about-rich\"><p>The Siantis name has long been closely associated with art and lies at the heart of the creation of Sianti Gallery.<\/p><\/div>\n                                                                <div class=\"font-copy about-rich mt-8\"><p>Vassiliki and Theodoros Siantis, continuing the legacy of Eikastikos Kyklos, contribute to shaping the contemporary art scene by bringing together older and younger generations of artists.<\/p><\/div>\n                                    <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n\n<style>\n    .about-us-page {\n        --about-rule: #dad7d4;\n        --about-paper: #fbfaf8;\n        color: #36322f;\n        background: #fff;\n        font-family: \"Roboto\", sans-serif;\n    }\n    .about-us-page [class*=\"wp-block-acf-about\"],\n    .about-us-page .alignfull,\n    .about-us-page .is-layout-constrained > *,\n    .about-us-page .is-layout-flow > * {\n        max-width: none !important;\n        margin: 0 !important;\n        width: 100%;\n    }\n    .about-us-page .grid {\n        display: grid;\n    }\n    .about-us-page .flex {\n        display: flex;\n    }\n    .about-us-page .grid-cols-1 {\n        grid-template-columns: minmax(0, 1fr);\n    }\n    .about-us-page .items-start { align-items: flex-start; }\n    .about-us-page .items-center { align-items: center; }\n    .about-us-page .justify-between { justify-content: space-between; }\n    .about-us-page .justify-center { justify-content: center; }\n    .about-us-page .flex-wrap { flex-wrap: wrap; }\n    .about-us-page .text-center { text-align: center; }\n    .about-us-page .relative { position: relative; }\n    .about-us-page .absolute { position: absolute; }\n    .about-us-page .inset-0 { inset: 0; }\n    .about-us-page .overflow-hidden { overflow: hidden; }\n    .about-us-page .h-full { height: 100%; }\n    .about-us-page .w-full { width: 100%; }\n    .about-us-page .object-cover { object-fit: cover; }\n    .about-us-page .max-w-\\[43\\.2rem\\] { max-width: 43.2rem; }\n    .about-us-page .leading-none { line-height: 1; }\n    .about-us-page .last\\:border-b-0:last-child { border-bottom-width: 0; }\n    .about-us-page .gap-0 { gap: 0; }\n    .about-us-page .border-b { border-bottom-width: 1px; }\n    .about-us-page .border-t { border-top-width: 1px; }\n    .about-us-page .border-y { border-top-width: 1px; border-bottom-width: 1px; }\n    .about-us-page h1,\n    .about-us-page h2,\n    .about-us-page p,\n    .about-us-page ul,\n    .about-us-page figure {\n        margin: 0;\n        padding: 0;\n    }\n    .about-us-page ul {\n        list-style: none;\n    }\n    .about-us-page .about-wrap {\n        max-width: 1640px;\n        margin: 0 auto;\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-wrap {\n            padding-left: 47px;\n            padding-right: 47px;\n        }\n    }\n    .about-us-page .about-hero-grid {\n        max-width: 1640px;\n        margin: 0 auto;\n    }\n    .about-us-page .about-hero-text {\n        padding: 40px 20px 67px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-text {\n            padding: 54px 47px 108px;\n        }\n    }\n    .about-us-page .about-bg-tint {\n        background-color: #f3f0ea;\n    }\n    .about-us-page .eyebrow {\n        display: block;\n        font-size: 9.24px;\n        line-height: 1.5;\n        font-weight: 500;\n        letter-spacing: 0.2rem;\n        text-transform: uppercase;\n        color: #8b8486;\n    }\n    .about-us-page .font-display {\n        font-family: \"Roboto\", sans-serif;\n        font-weight: 400;\n    }\n    .about-us-page .font-copy {\n        font-family: \"Roboto\", sans-serif;\n        font-size: 15px;\n        line-height: 1.95;\n        color: #36322f;\n    }\n    .about-us-page .about-rich a {\n        color: inherit;\n        text-decoration: underline;\n        text-underline-offset: 2px;\n    }\n    .about-us-page .about-rich strong,\n    .about-us-page .about-rich b {\n        font-weight: 700;\n    }\n    .about-us-page .about-rich em,\n    .about-us-page .about-rich i {\n        font-style: italic;\n    }\n    .about-us-page .about-rich p + p {\n        margin-top: 0.85em;\n    }\n    .about-us-page .about-rich ul,\n    .about-us-page .about-rich ol {\n        margin: 0.6em 0;\n        padding-left: 1.25rem;\n    }\n    .about-us-page .about-rich ul {\n        list-style: disc;\n    }\n    .about-us-page .about-rich ol {\n        list-style: decimal;\n    }\n    .about-us-page .about-hero-copy {\n        font-size: 15px;\n        line-height: 1.9;\n        color: #36322f;\n    }\n    .about-us-page .about-hero-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(46px, 4.2vw, 67px);\n        line-height: 1.05;\n        letter-spacing: -0.01em;\n        font-weight: 400;\n        color: #0b0907;\n    }\n    .about-us-page .about-section-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(30px, 3vw, 40px);\n        line-height: 1.1;\n        color: #0b0907;\n        font-weight: 400;\n    }\n    .about-us-page .about-quote {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(23px, 2.1vw, 30px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-year {\n        font-size: 20px;\n        line-height: 1.25;\n        color: #0b0907;\n    }\n    .about-us-page .about-founders-quote {\n        font-size: clamp(24px, 2.4vw, 35px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-vision-q {\n        font-size: clamp(18px, 1.7vw, 23px);\n        line-height: 1.4;\n        color: #0b0907;\n    }\n    .about-us-page .about-cta-title {\n        font-size: clamp(23px, 2.4vw, 34px);\n        line-height: 1.1;\n        max-width: 645px;\n        margin-left: auto;\n        margin-right: auto;\n        text-align: center;\n    }\n    .about-us-page .about-address {\n        font-size: 12px;\n        line-height: 1.6;\n    }\n    .about-us-page .about-rule {\n        border-color: var(--about-rule);\n    }\n    .about-us-page .ken-burns {\n        animation: about-us-ken-burns 22s ease-out forwards;\n    }\n    @keyframes about-us-ken-burns {\n        from { transform: scale(1); }\n        to { transform: scale(1.08); }\n    }\n    .about-us-page .about-artists {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 13px 34px;\n        overflow-x: auto;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n    .about-us-page .about-artists::-webkit-scrollbar {\n        display: none;\n    }\n    .about-us-page .about-artists li {\n        white-space: nowrap;\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(20px, 1.8vw, 27px);\n        line-height: 1;\n        color: #0b0907;\n    }\n    .about-us-page .about-nav-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 2.5rem;\n        height: 2.5rem;\n        border-radius: 9999px;\n        border: 1px solid var(--about-rule);\n        color: #0b0907;\n        background: transparent;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-nav-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-timeline li,\n    .about-us-page .about-vision li {\n        transition: background-color .5s;\n    }\n    .about-us-page .about-timeline li:hover {\n        background: #f3f0ea;\n    }\n    .about-us-page .about-vision li:hover {\n        background: var(--about-paper);\n    }\n    .about-us-page .about-vision-item summary {\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n        padding: 27px 0;\n        cursor: pointer;\n        list-style: none;\n    }\n    .about-us-page .about-vision-item summary::-webkit-details-marker {\n        display: none;\n    }\n    .about-us-page .about-vision-item summary::after {\n        content: \"\";\n        flex: none;\n        width: 8px;\n        height: 8px;\n        margin-top: 8px;\n        margin-left: auto;\n        border-right: 1px solid #0b0907;\n        border-bottom: 1px solid #0b0907;\n        transform: rotate(45deg);\n        transition: transform .3s;\n    }\n    .about-us-page .about-vision-item[open] summary::after {\n        transform: rotate(225deg);\n        margin-top: 12px;\n    }\n    .about-us-page .about-vision-a {\n        max-width: 640px;\n        padding: 0 0 27px 42px;\n    }\n    @media (min-width: 600px) {\n        .about-us-page .about-vision-item summary {\n            padding-left: 8px;\n            padding-right: 8px;\n        }\n        .about-us-page .about-vision-a {\n            padding-left: 50px;\n            padding-right: 8px;\n        }\n    }\n    .about-us-page .about-cta-btn {\n        border: 1px solid #0b0907;\n        padding: 1rem 2rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-cta-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-cta-link {\n        padding: 1rem 0.25rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        background-image: linear-gradient(currentColor, currentColor);\n        background-position: 0 100%;\n        background-repeat: no-repeat;\n        background-size: 0 1px;\n        transition: background-size .4s;\n    }\n    .about-us-page .about-cta-link:hover {\n        background-size: 100% 1px;\n    }\n    .about-us-page .about-zoom {\n        transition: transform 1.2s ease;\n    }\n    .about-us-page .about-zoom:hover {\n        transform: scale(1.04);\n    }\n    .about-us-page .about-section {\n        padding-top: 81px;\n        padding-bottom: 81px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-section {\n            padding-top: 108px;\n            padding-bottom: 108px;\n        }\n    }\n    .about-us-page .about-hero-media {\n        width: 100%;\n        aspect-ratio: 16 \/ 9;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-grid {\n            position: relative;\n        }\n        .about-us-page .about-hero-media {\n            position: absolute;\n            inset: 0 0 0 50%;\n            width: auto;\n            aspect-ratio: auto;\n        }\n    }\n    .about-us-page .about-hero-media img {\n        object-position: center;\n    }\n    .about-us-page .about-tour-image,\n    .about-us-page .about-tour-frame {\n        height: 46vh;\n        width: 100%;\n        object-fit: cover;\n        border: 0;\n        display: block;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-tour-image,\n        .about-us-page .about-tour-frame {\n            height: 62vh;\n        }\n    }\n    .about-us-page .about-founders-image {\n        height: 40vh;\n        width: 100%;\n        object-fit: cover;\n    }\n    .about-us-page .about-video {\n        position: relative;\n        width: 100%;\n        padding-top: 56.25%;\n    }\n    .about-us-page .about-video iframe {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n    .about-us-page .gap-16 { gap: 54px; }\n    .about-us-page .gap-12 { gap: 40px; }\n    .about-us-page .gap-10 { gap: 34px; }\n    .about-us-page .gap-8 { gap: 27px; }\n    .about-us-page .gap-6 { gap: 20px; }\n    .about-us-page .gap-4 { gap: 13px; }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:gap-16 { gap: 54px; }\n    }\n    .about-us-page .space-y-8 > * + * { margin-top: 27px; }\n    .about-us-page .mt-2 { margin-top: 7px; }\n    .about-us-page .mt-3 { margin-top: 10px; }\n    .about-us-page .mt-4 { margin-top: 13px; }\n    .about-us-page .mt-6 { margin-top: 20px; }\n    .about-us-page .mt-8 { margin-top: 27px; }\n    .about-us-page .mt-10 { margin-top: 34px; }\n    .about-us-page .mt-12 { margin-top: 40px; }\n    .about-us-page .mt-16 { margin-top: 54px; }\n    .about-us-page .mt-20 { margin-top: 67px; }\n    .about-us-page .pt-8 { padding-top: 27px; }\n    .about-us-page .pt-10 { padding-top: 34px; }\n    .about-us-page .py-8 { padding-top: 27px; padding-bottom: 27px; }\n    @media (min-width: 600px) {\n        .about-us-page .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n        .about-us-page .md\\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }\n        .about-us-page .md\\:col-span-3 { grid-column: span 3 \/ span 3; }\n        .about-us-page .md\\:col-span-9 { grid-column: span 9 \/ span 9; }\n        .about-us-page .md\\:px-2 { padding-left: 8px; padding-right: 8px; }\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:grid-cols-12,\n        .about-us-page .lg\\:\\!grid-cols-12 {\n            grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n        }\n        .about-us-page .lg\\:col-span-4 { grid-column: span 4 \/ span 4; }\n        .about-us-page .lg\\:col-span-5 { grid-column: span 5 \/ span 5; }\n        .about-us-page .lg\\:col-span-6 { grid-column: span 6 \/ span 6; }\n        .about-us-page .lg\\:col-span-7 { grid-column: span 7 \/ span 7; }\n        .about-us-page .lg\\:col-span-8 { grid-column: span 8 \/ span 8; }\n        .about-us-page .lg\\:border-l { border-left-width: 1px; }\n    }\n<\/style>\n<section class=\"border-b about-rule about-bg-tint\">\n    <div class=\"about-wrap about-section\">\n        <div class=\"grid grid-cols-1 lg:!grid-cols-12 gap-16\">\n            <div class=\"lg:col-span-4\">\n                                    <span class=\"eyebrow\">OUR VISION<\/span>\n                                                    <h2 class=\"about-section-title mt-6\">From Eikastikos Kyklos to Sianti Gallery<\/h2>\n                            <\/div>\n                            <div class=\"lg:col-span-8\">\n                    <ul class=\"about-vision border-y about-rule\">\n                                                                                    <li class=\"border-b about-rule last:border-b-0\">\n                                    <details class=\"about-vision-item\">\n                                        <summary>\n                                            <span class=\"eyebrow\">01<\/span>\n                                            <span class=\"font-display about-vision-q\">What led to the transition from Eikastikos Kyklos to Sianti Gallery?<\/span>\n                                        <\/summary>\n                                        <div class=\"about-vision-a font-copy about-rich\"><p>The transition from Eikastikos Kyklos to Sianti Gallery was not a change of direction,<br \/>\nbut the natural continuation of a journey that already spanned more than four<br \/>\ndecades in the art world.<\/p>\n<p>With respect for the history that began in 1982 and for everything built over the years<br \/>\nour relationships with artists, the trust of collectors and our constant connection with<br \/>\nthe public , we wanted to preserve this valuable legacy while giving it renewed<br \/>\nmomentum.<\/p>\n<p>The creation of Sianti Gallery in 2016 expressed precisely this need: to continue the<br \/>\nsame journey through a contemporary gallery, open to new ideas, new artists and<br \/>\nnew ways of engaging with the public.<\/p>\n<p>For us, therefore, Sianti Gallery did not replace Eikastikos Kyklos. It represents the<br \/>\nevolution and continuation of its story.<\/p><\/div>\n                                    <\/details>\n                                <\/li>\n                                                                                                                <li class=\"border-b about-rule last:border-b-0\">\n                                    <details class=\"about-vision-item\">\n                                        <summary>\n                                            <span class=\"eyebrow\">02<\/span>\n                                            <span class=\"font-display about-vision-q\">Did the organizational structure change with the creation of Sianti Gallery?<\/span>\n                                        <\/summary>\n                                        <div class=\"about-vision-a font-copy about-rich\"><p>In essence, no. Sianti Gallery remains a family endeavor, just as Eikastikos Kyklos<br \/>\nwas from the beginning, united by a shared love of art.<\/p>\n<p>With the creation of Sianti Gallery, the new generation of the Siantis family took the<br \/>\nlead and assumed a more active role in shaping the next chapter. Today, Vassiliki<br \/>\nand Theodoros Siantis continue the journey begun by Fanis Siantis, developing it<br \/>\nthrough their own perspective and in response to the demands of the contemporary<br \/>\nera.<\/p>\n<p>The founder of Eikastikos Kyklos remains an invaluable point of reference, passing<br \/>\non the experience and knowledge gained over an entire career. In this way, two<br \/>\ngenerations come together in a shared continuity: the experience of the past<br \/>\nbecomes the foundation for the next chapter.<\/p><\/div>\n                                    <\/details>\n                                <\/li>\n                                                                                                                <li class=\"border-b about-rule last:border-b-0\">\n                                    <details class=\"about-vision-item\">\n                                        <summary>\n                                            <span class=\"eyebrow\">03<\/span>\n                                            <span class=\"font-display about-vision-q\">In which areas has Sianti Gallery expanded its activities?<\/span>\n                                        <\/summary>\n                                        <div class=\"about-vision-a font-copy about-rich\"><p>With the creation of Sianti Gallery, our activities expanded significantly, both in the<br \/>\npresentation of contemporary art and in the ways we engage with the public.<\/p>\n<p>Alongside organizing and curating exhibitions and collaborating with established and<br \/>\nemerging artists, we developed a range of initiatives aimed at bringing art closer to<br \/>\npeople of different ages and interests.<\/p>\n<p>Through the Blog, Art Talks and Video Art News, we follow developments in the art<br \/>\nworld in Greece and internationally, creating content that makes art more immediate<br \/>\nand accessible to a wider audience. At the same time, guided tours of major<br \/>\nexhibitions and museums, as well as studio visits and interviews with artists, allow us<br \/>\nto meet the people behind the works and share their ideas, stories and creative<br \/>\nprocesses with the public. Over time, these initiatives have also created a valuable<br \/>\narchive of people, artworks and stories.<\/p>\n<p>Educational programs for children also hold a special place in our activities, through<br \/>\nwhich we seek to cultivate observation, imagination and an open, uninhibited relationship with creativity from an early age.<\/p>\n<p>For us, Sianti Gallery is not simply a space where art is presented. It is a place of<br \/>\nencounter, knowledge and communication, continually creating new opportunities forengagement and meaningful dialogue with art.<\/p><\/div>\n                                    <\/details>\n                                <\/li>\n                                                                                                                <li class=\"border-b about-rule last:border-b-0\">\n                                    <details class=\"about-vision-item\">\n                                        <summary>\n                                            <span class=\"eyebrow\">04<\/span>\n                                            <span class=\"font-display about-vision-q\">What is the role of Eikastikos Kyklos Sianti today, and how does its presence continue?<\/span>\n                                        <\/summary>\n                                        <div class=\"about-vision-a font-copy about-rich\"><p>Today, Eikastikos Kyklos Sianti does not operate as a separate activity. Its journey<br \/>\nhas evolved and continues through Sianti Gallery, which is the natural continuation of the story that began in 1982.<\/p>\n<p>The experience, the relationships built with artists and collectors, and the knowledge<br \/>\naccumulated over more than four decades form the foundation on which Sianti<br \/>\nGallery continues to grow today.<\/p>\n<p>In this way, Eikastikos Kyklos remains present not as a separate entity, but as an<br \/>\nintegral part of our identity and history. Sianti Gallery carries this journey forward,<br \/>\ndeveloping and broadening it through a contemporary approach to art and to its<br \/>\nrelationship with the public.<\/p><\/div>\n                                    <\/details>\n                                <\/li>\n                                                                        <\/ul>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<style>\n    .about-us-page {\n        --about-rule: #dad7d4;\n        --about-paper: #fbfaf8;\n        color: #36322f;\n        background: #fff;\n        font-family: \"Roboto\", sans-serif;\n    }\n    .about-us-page [class*=\"wp-block-acf-about\"],\n    .about-us-page .alignfull,\n    .about-us-page .is-layout-constrained > *,\n    .about-us-page .is-layout-flow > * {\n        max-width: none !important;\n        margin: 0 !important;\n        width: 100%;\n    }\n    .about-us-page .grid {\n        display: grid;\n    }\n    .about-us-page .flex {\n        display: flex;\n    }\n    .about-us-page .grid-cols-1 {\n        grid-template-columns: minmax(0, 1fr);\n    }\n    .about-us-page .items-start { align-items: flex-start; }\n    .about-us-page .items-center { align-items: center; }\n    .about-us-page .justify-between { justify-content: space-between; }\n    .about-us-page .justify-center { justify-content: center; }\n    .about-us-page .flex-wrap { flex-wrap: wrap; }\n    .about-us-page .text-center { text-align: center; }\n    .about-us-page .relative { position: relative; }\n    .about-us-page .absolute { position: absolute; }\n    .about-us-page .inset-0 { inset: 0; }\n    .about-us-page .overflow-hidden { overflow: hidden; }\n    .about-us-page .h-full { height: 100%; }\n    .about-us-page .w-full { width: 100%; }\n    .about-us-page .object-cover { object-fit: cover; }\n    .about-us-page .max-w-\\[43\\.2rem\\] { max-width: 43.2rem; }\n    .about-us-page .leading-none { line-height: 1; }\n    .about-us-page .last\\:border-b-0:last-child { border-bottom-width: 0; }\n    .about-us-page .gap-0 { gap: 0; }\n    .about-us-page .border-b { border-bottom-width: 1px; }\n    .about-us-page .border-t { border-top-width: 1px; }\n    .about-us-page .border-y { border-top-width: 1px; border-bottom-width: 1px; }\n    .about-us-page h1,\n    .about-us-page h2,\n    .about-us-page p,\n    .about-us-page ul,\n    .about-us-page figure {\n        margin: 0;\n        padding: 0;\n    }\n    .about-us-page ul {\n        list-style: none;\n    }\n    .about-us-page .about-wrap {\n        max-width: 1640px;\n        margin: 0 auto;\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-wrap {\n            padding-left: 47px;\n            padding-right: 47px;\n        }\n    }\n    .about-us-page .about-hero-grid {\n        max-width: 1640px;\n        margin: 0 auto;\n    }\n    .about-us-page .about-hero-text {\n        padding: 40px 20px 67px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-text {\n            padding: 54px 47px 108px;\n        }\n    }\n    .about-us-page .about-bg-tint {\n        background-color: #f3f0ea;\n    }\n    .about-us-page .eyebrow {\n        display: block;\n        font-size: 9.24px;\n        line-height: 1.5;\n        font-weight: 500;\n        letter-spacing: 0.2rem;\n        text-transform: uppercase;\n        color: #8b8486;\n    }\n    .about-us-page .font-display {\n        font-family: \"Roboto\", sans-serif;\n        font-weight: 400;\n    }\n    .about-us-page .font-copy {\n        font-family: \"Roboto\", sans-serif;\n        font-size: 15px;\n        line-height: 1.95;\n        color: #36322f;\n    }\n    .about-us-page .about-rich a {\n        color: inherit;\n        text-decoration: underline;\n        text-underline-offset: 2px;\n    }\n    .about-us-page .about-rich strong,\n    .about-us-page .about-rich b {\n        font-weight: 700;\n    }\n    .about-us-page .about-rich em,\n    .about-us-page .about-rich i {\n        font-style: italic;\n    }\n    .about-us-page .about-rich p + p {\n        margin-top: 0.85em;\n    }\n    .about-us-page .about-rich ul,\n    .about-us-page .about-rich ol {\n        margin: 0.6em 0;\n        padding-left: 1.25rem;\n    }\n    .about-us-page .about-rich ul {\n        list-style: disc;\n    }\n    .about-us-page .about-rich ol {\n        list-style: decimal;\n    }\n    .about-us-page .about-hero-copy {\n        font-size: 15px;\n        line-height: 1.9;\n        color: #36322f;\n    }\n    .about-us-page .about-hero-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(46px, 4.2vw, 67px);\n        line-height: 1.05;\n        letter-spacing: -0.01em;\n        font-weight: 400;\n        color: #0b0907;\n    }\n    .about-us-page .about-section-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(30px, 3vw, 40px);\n        line-height: 1.1;\n        color: #0b0907;\n        font-weight: 400;\n    }\n    .about-us-page .about-quote {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(23px, 2.1vw, 30px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-year {\n        font-size: 20px;\n        line-height: 1.25;\n        color: #0b0907;\n    }\n    .about-us-page .about-founders-quote {\n        font-size: clamp(24px, 2.4vw, 35px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-vision-q {\n        font-size: clamp(18px, 1.7vw, 23px);\n        line-height: 1.4;\n        color: #0b0907;\n    }\n    .about-us-page .about-cta-title {\n        font-size: clamp(23px, 2.4vw, 34px);\n        line-height: 1.1;\n        max-width: 645px;\n        margin-left: auto;\n        margin-right: auto;\n        text-align: center;\n    }\n    .about-us-page .about-address {\n        font-size: 12px;\n        line-height: 1.6;\n    }\n    .about-us-page .about-rule {\n        border-color: var(--about-rule);\n    }\n    .about-us-page .ken-burns {\n        animation: about-us-ken-burns 22s ease-out forwards;\n    }\n    @keyframes about-us-ken-burns {\n        from { transform: scale(1); }\n        to { transform: scale(1.08); }\n    }\n    .about-us-page .about-artists {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 13px 34px;\n        overflow-x: auto;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n    .about-us-page .about-artists::-webkit-scrollbar {\n        display: none;\n    }\n    .about-us-page .about-artists li {\n        white-space: nowrap;\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(20px, 1.8vw, 27px);\n        line-height: 1;\n        color: #0b0907;\n    }\n    .about-us-page .about-nav-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 2.5rem;\n        height: 2.5rem;\n        border-radius: 9999px;\n        border: 1px solid var(--about-rule);\n        color: #0b0907;\n        background: transparent;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-nav-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-timeline li,\n    .about-us-page .about-vision li {\n        transition: background-color .5s;\n    }\n    .about-us-page .about-timeline li:hover {\n        background: #f3f0ea;\n    }\n    .about-us-page .about-vision li:hover {\n        background: var(--about-paper);\n    }\n    .about-us-page .about-vision-item summary {\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n        padding: 27px 0;\n        cursor: pointer;\n        list-style: none;\n    }\n    .about-us-page .about-vision-item summary::-webkit-details-marker {\n        display: none;\n    }\n    .about-us-page .about-vision-item summary::after {\n        content: \"\";\n        flex: none;\n        width: 8px;\n        height: 8px;\n        margin-top: 8px;\n        margin-left: auto;\n        border-right: 1px solid #0b0907;\n        border-bottom: 1px solid #0b0907;\n        transform: rotate(45deg);\n        transition: transform .3s;\n    }\n    .about-us-page .about-vision-item[open] summary::after {\n        transform: rotate(225deg);\n        margin-top: 12px;\n    }\n    .about-us-page .about-vision-a {\n        max-width: 640px;\n        padding: 0 0 27px 42px;\n    }\n    @media (min-width: 600px) {\n        .about-us-page .about-vision-item summary {\n            padding-left: 8px;\n            padding-right: 8px;\n        }\n        .about-us-page .about-vision-a {\n            padding-left: 50px;\n            padding-right: 8px;\n        }\n    }\n    .about-us-page .about-cta-btn {\n        border: 1px solid #0b0907;\n        padding: 1rem 2rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-cta-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-cta-link {\n        padding: 1rem 0.25rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        background-image: linear-gradient(currentColor, currentColor);\n        background-position: 0 100%;\n        background-repeat: no-repeat;\n        background-size: 0 1px;\n        transition: background-size .4s;\n    }\n    .about-us-page .about-cta-link:hover {\n        background-size: 100% 1px;\n    }\n    .about-us-page .about-zoom {\n        transition: transform 1.2s ease;\n    }\n    .about-us-page .about-zoom:hover {\n        transform: scale(1.04);\n    }\n    .about-us-page .about-section {\n        padding-top: 81px;\n        padding-bottom: 81px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-section {\n            padding-top: 108px;\n            padding-bottom: 108px;\n        }\n    }\n    .about-us-page .about-hero-media {\n        width: 100%;\n        aspect-ratio: 16 \/ 9;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-grid {\n            position: relative;\n        }\n        .about-us-page .about-hero-media {\n            position: absolute;\n            inset: 0 0 0 50%;\n            width: auto;\n            aspect-ratio: auto;\n        }\n    }\n    .about-us-page .about-hero-media img {\n        object-position: center;\n    }\n    .about-us-page .about-tour-image,\n    .about-us-page .about-tour-frame {\n        height: 46vh;\n        width: 100%;\n        object-fit: cover;\n        border: 0;\n        display: block;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-tour-image,\n        .about-us-page .about-tour-frame {\n            height: 62vh;\n        }\n    }\n    .about-us-page .about-founders-image {\n        height: 40vh;\n        width: 100%;\n        object-fit: cover;\n    }\n    .about-us-page .about-video {\n        position: relative;\n        width: 100%;\n        padding-top: 56.25%;\n    }\n    .about-us-page .about-video iframe {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n    .about-us-page .gap-16 { gap: 54px; }\n    .about-us-page .gap-12 { gap: 40px; }\n    .about-us-page .gap-10 { gap: 34px; }\n    .about-us-page .gap-8 { gap: 27px; }\n    .about-us-page .gap-6 { gap: 20px; }\n    .about-us-page .gap-4 { gap: 13px; }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:gap-16 { gap: 54px; }\n    }\n    .about-us-page .space-y-8 > * + * { margin-top: 27px; }\n    .about-us-page .mt-2 { margin-top: 7px; }\n    .about-us-page .mt-3 { margin-top: 10px; }\n    .about-us-page .mt-4 { margin-top: 13px; }\n    .about-us-page .mt-6 { margin-top: 20px; }\n    .about-us-page .mt-8 { margin-top: 27px; }\n    .about-us-page .mt-10 { margin-top: 34px; }\n    .about-us-page .mt-12 { margin-top: 40px; }\n    .about-us-page .mt-16 { margin-top: 54px; }\n    .about-us-page .mt-20 { margin-top: 67px; }\n    .about-us-page .pt-8 { padding-top: 27px; }\n    .about-us-page .pt-10 { padding-top: 34px; }\n    .about-us-page .py-8 { padding-top: 27px; padding-bottom: 27px; }\n    @media (min-width: 600px) {\n        .about-us-page .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n        .about-us-page .md\\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }\n        .about-us-page .md\\:col-span-3 { grid-column: span 3 \/ span 3; }\n        .about-us-page .md\\:col-span-9 { grid-column: span 9 \/ span 9; }\n        .about-us-page .md\\:px-2 { padding-left: 8px; padding-right: 8px; }\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:grid-cols-12,\n        .about-us-page .lg\\:\\!grid-cols-12 {\n            grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n        }\n        .about-us-page .lg\\:col-span-4 { grid-column: span 4 \/ span 4; }\n        .about-us-page .lg\\:col-span-5 { grid-column: span 5 \/ span 5; }\n        .about-us-page .lg\\:col-span-6 { grid-column: span 6 \/ span 6; }\n        .about-us-page .lg\\:col-span-7 { grid-column: span 7 \/ span 7; }\n        .about-us-page .lg\\:col-span-8 { grid-column: span 8 \/ span 8; }\n        .about-us-page .lg\\:border-l { border-left-width: 1px; }\n    }\n<\/style>\n<section class=\"border-b about-rule\">\n    <div class=\"about-wrap about-section\">\n        <div class=\"grid grid-cols-1 lg:!grid-cols-12 gap-16\">\n            <div class=\"lg:col-span-4\">\n                                    <span class=\"eyebrow\">TODAY<\/span>\n                                                    <h2 class=\"about-section-title mt-6\">In the Hilton area<\/h2>\n                                                    <div class=\"mt-10 grid grid-cols-1 gap-8 border-t about-rule pt-8\">\n                        <div>\n                                                            <div class=\"eyebrow\">ADDRESS<\/div>\n                                                                                        <div class=\"mt-3 font-copy about-address about-rich text-ink\"><p>2 Vasileos Alexandrou &amp; 18 Nireidon, 11634 Athens, Greece<\/p><\/div>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n                            <div class=\"lg:col-span-8 space-y-8 font-copy\">\n                                                                        <div class=\"about-rich\"><p>In the heart of Athens, in the former Hilton area, now home to The Ilisian, <strong>Sianti<\/strong><br \/>\n<strong>Gallery<\/strong> is located between the National Gallery and the Divani Caravel, with easy<br \/>\naccess by metro and public transport.<\/p><\/div>\n                                                            <\/div>\n                    <\/div>\n\n                    <figure class=\"mt-16 overflow-hidden\">\n                <div class=\"about-video\">\n                    <iframe\n                        src=\"https:\/\/www.youtube.com\/embed\/LBtT97Il8NE\"\n                        title=\"ABOUT US\"\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                        allowfullscreen\n                    ><\/iframe>\n                <\/div>\n                                    <figcaption class=\"eyebrow mt-4 block\">ABOUT US<\/figcaption>\n                            <\/figure>\n            <\/div>\n<\/section>\n\n\n<style>\n    .about-us-page {\n        --about-rule: #dad7d4;\n        --about-paper: #fbfaf8;\n        color: #36322f;\n        background: #fff;\n        font-family: \"Roboto\", sans-serif;\n    }\n    .about-us-page [class*=\"wp-block-acf-about\"],\n    .about-us-page .alignfull,\n    .about-us-page .is-layout-constrained > *,\n    .about-us-page .is-layout-flow > * {\n        max-width: none !important;\n        margin: 0 !important;\n        width: 100%;\n    }\n    .about-us-page .grid {\n        display: grid;\n    }\n    .about-us-page .flex {\n        display: flex;\n    }\n    .about-us-page .grid-cols-1 {\n        grid-template-columns: minmax(0, 1fr);\n    }\n    .about-us-page .items-start { align-items: flex-start; }\n    .about-us-page .items-center { align-items: center; }\n    .about-us-page .justify-between { justify-content: space-between; }\n    .about-us-page .justify-center { justify-content: center; }\n    .about-us-page .flex-wrap { flex-wrap: wrap; }\n    .about-us-page .text-center { text-align: center; }\n    .about-us-page .relative { position: relative; }\n    .about-us-page .absolute { position: absolute; }\n    .about-us-page .inset-0 { inset: 0; }\n    .about-us-page .overflow-hidden { overflow: hidden; }\n    .about-us-page .h-full { height: 100%; }\n    .about-us-page .w-full { width: 100%; }\n    .about-us-page .object-cover { object-fit: cover; }\n    .about-us-page .max-w-\\[43\\.2rem\\] { max-width: 43.2rem; }\n    .about-us-page .leading-none { line-height: 1; }\n    .about-us-page .last\\:border-b-0:last-child { border-bottom-width: 0; }\n    .about-us-page .gap-0 { gap: 0; }\n    .about-us-page .border-b { border-bottom-width: 1px; }\n    .about-us-page .border-t { border-top-width: 1px; }\n    .about-us-page .border-y { border-top-width: 1px; border-bottom-width: 1px; }\n    .about-us-page h1,\n    .about-us-page h2,\n    .about-us-page p,\n    .about-us-page ul,\n    .about-us-page figure {\n        margin: 0;\n        padding: 0;\n    }\n    .about-us-page ul {\n        list-style: none;\n    }\n    .about-us-page .about-wrap {\n        max-width: 1640px;\n        margin: 0 auto;\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-wrap {\n            padding-left: 47px;\n            padding-right: 47px;\n        }\n    }\n    .about-us-page .about-hero-grid {\n        max-width: 1640px;\n        margin: 0 auto;\n    }\n    .about-us-page .about-hero-text {\n        padding: 40px 20px 67px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-text {\n            padding: 54px 47px 108px;\n        }\n    }\n    .about-us-page .about-bg-tint {\n        background-color: #f3f0ea;\n    }\n    .about-us-page .eyebrow {\n        display: block;\n        font-size: 9.24px;\n        line-height: 1.5;\n        font-weight: 500;\n        letter-spacing: 0.2rem;\n        text-transform: uppercase;\n        color: #8b8486;\n    }\n    .about-us-page .font-display {\n        font-family: \"Roboto\", sans-serif;\n        font-weight: 400;\n    }\n    .about-us-page .font-copy {\n        font-family: \"Roboto\", sans-serif;\n        font-size: 15px;\n        line-height: 1.95;\n        color: #36322f;\n    }\n    .about-us-page .about-rich a {\n        color: inherit;\n        text-decoration: underline;\n        text-underline-offset: 2px;\n    }\n    .about-us-page .about-rich strong,\n    .about-us-page .about-rich b {\n        font-weight: 700;\n    }\n    .about-us-page .about-rich em,\n    .about-us-page .about-rich i {\n        font-style: italic;\n    }\n    .about-us-page .about-rich p + p {\n        margin-top: 0.85em;\n    }\n    .about-us-page .about-rich ul,\n    .about-us-page .about-rich ol {\n        margin: 0.6em 0;\n        padding-left: 1.25rem;\n    }\n    .about-us-page .about-rich ul {\n        list-style: disc;\n    }\n    .about-us-page .about-rich ol {\n        list-style: decimal;\n    }\n    .about-us-page .about-hero-copy {\n        font-size: 15px;\n        line-height: 1.9;\n        color: #36322f;\n    }\n    .about-us-page .about-hero-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(46px, 4.2vw, 67px);\n        line-height: 1.05;\n        letter-spacing: -0.01em;\n        font-weight: 400;\n        color: #0b0907;\n    }\n    .about-us-page .about-section-title {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(30px, 3vw, 40px);\n        line-height: 1.1;\n        color: #0b0907;\n        font-weight: 400;\n    }\n    .about-us-page .about-quote {\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(23px, 2.1vw, 30px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-year {\n        font-size: 20px;\n        line-height: 1.25;\n        color: #0b0907;\n    }\n    .about-us-page .about-founders-quote {\n        font-size: clamp(24px, 2.4vw, 35px);\n        line-height: 1.35;\n        color: #0b0907;\n    }\n    .about-us-page .about-vision-q {\n        font-size: clamp(18px, 1.7vw, 23px);\n        line-height: 1.4;\n        color: #0b0907;\n    }\n    .about-us-page .about-cta-title {\n        font-size: clamp(23px, 2.4vw, 34px);\n        line-height: 1.1;\n        max-width: 645px;\n        margin-left: auto;\n        margin-right: auto;\n        text-align: center;\n    }\n    .about-us-page .about-address {\n        font-size: 12px;\n        line-height: 1.6;\n    }\n    .about-us-page .about-rule {\n        border-color: var(--about-rule);\n    }\n    .about-us-page .ken-burns {\n        animation: about-us-ken-burns 22s ease-out forwards;\n    }\n    @keyframes about-us-ken-burns {\n        from { transform: scale(1); }\n        to { transform: scale(1.08); }\n    }\n    .about-us-page .about-artists {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 13px 34px;\n        overflow-x: auto;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n    .about-us-page .about-artists::-webkit-scrollbar {\n        display: none;\n    }\n    .about-us-page .about-artists li {\n        white-space: nowrap;\n        font-family: \"Roboto\", sans-serif;\n        font-size: clamp(20px, 1.8vw, 27px);\n        line-height: 1;\n        color: #0b0907;\n    }\n    .about-us-page .about-nav-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 2.5rem;\n        height: 2.5rem;\n        border-radius: 9999px;\n        border: 1px solid var(--about-rule);\n        color: #0b0907;\n        background: transparent;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-nav-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-timeline li,\n    .about-us-page .about-vision li {\n        transition: background-color .5s;\n    }\n    .about-us-page .about-timeline li:hover {\n        background: #f3f0ea;\n    }\n    .about-us-page .about-vision li:hover {\n        background: var(--about-paper);\n    }\n    .about-us-page .about-vision-item summary {\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n        padding: 27px 0;\n        cursor: pointer;\n        list-style: none;\n    }\n    .about-us-page .about-vision-item summary::-webkit-details-marker {\n        display: none;\n    }\n    .about-us-page .about-vision-item summary::after {\n        content: \"\";\n        flex: none;\n        width: 8px;\n        height: 8px;\n        margin-top: 8px;\n        margin-left: auto;\n        border-right: 1px solid #0b0907;\n        border-bottom: 1px solid #0b0907;\n        transform: rotate(45deg);\n        transition: transform .3s;\n    }\n    .about-us-page .about-vision-item[open] summary::after {\n        transform: rotate(225deg);\n        margin-top: 12px;\n    }\n    .about-us-page .about-vision-a {\n        max-width: 640px;\n        padding: 0 0 27px 42px;\n    }\n    @media (min-width: 600px) {\n        .about-us-page .about-vision-item summary {\n            padding-left: 8px;\n            padding-right: 8px;\n        }\n        .about-us-page .about-vision-a {\n            padding-left: 50px;\n            padding-right: 8px;\n        }\n    }\n    .about-us-page .about-cta-btn {\n        border: 1px solid #0b0907;\n        padding: 1rem 2rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        transition: background-color .3s, color .3s;\n    }\n    .about-us-page .about-cta-btn:hover {\n        background: #0b0907;\n        color: #fff;\n    }\n    .about-us-page .about-cta-link {\n        padding: 1rem 0.25rem;\n        font-size: 12px;\n        font-weight: 600;\n        letter-spacing: 0.28em;\n        text-transform: uppercase;\n        color: #0b0907;\n        background-image: linear-gradient(currentColor, currentColor);\n        background-position: 0 100%;\n        background-repeat: no-repeat;\n        background-size: 0 1px;\n        transition: background-size .4s;\n    }\n    .about-us-page .about-cta-link:hover {\n        background-size: 100% 1px;\n    }\n    .about-us-page .about-zoom {\n        transition: transform 1.2s ease;\n    }\n    .about-us-page .about-zoom:hover {\n        transform: scale(1.04);\n    }\n    .about-us-page .about-section {\n        padding-top: 81px;\n        padding-bottom: 81px;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-section {\n            padding-top: 108px;\n            padding-bottom: 108px;\n        }\n    }\n    .about-us-page .about-hero-media {\n        width: 100%;\n        aspect-ratio: 16 \/ 9;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-hero-grid {\n            position: relative;\n        }\n        .about-us-page .about-hero-media {\n            position: absolute;\n            inset: 0 0 0 50%;\n            width: auto;\n            aspect-ratio: auto;\n        }\n    }\n    .about-us-page .about-hero-media img {\n        object-position: center;\n    }\n    .about-us-page .about-tour-image,\n    .about-us-page .about-tour-frame {\n        height: 46vh;\n        width: 100%;\n        object-fit: cover;\n        border: 0;\n        display: block;\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .about-tour-image,\n        .about-us-page .about-tour-frame {\n            height: 62vh;\n        }\n    }\n    .about-us-page .about-founders-image {\n        height: 40vh;\n        width: 100%;\n        object-fit: cover;\n    }\n    .about-us-page .about-video {\n        position: relative;\n        width: 100%;\n        padding-top: 56.25%;\n    }\n    .about-us-page .about-video iframe {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n    .about-us-page .gap-16 { gap: 54px; }\n    .about-us-page .gap-12 { gap: 40px; }\n    .about-us-page .gap-10 { gap: 34px; }\n    .about-us-page .gap-8 { gap: 27px; }\n    .about-us-page .gap-6 { gap: 20px; }\n    .about-us-page .gap-4 { gap: 13px; }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:gap-16 { gap: 54px; }\n    }\n    .about-us-page .space-y-8 > * + * { margin-top: 27px; }\n    .about-us-page .mt-2 { margin-top: 7px; }\n    .about-us-page .mt-3 { margin-top: 10px; }\n    .about-us-page .mt-4 { margin-top: 13px; }\n    .about-us-page .mt-6 { margin-top: 20px; }\n    .about-us-page .mt-8 { margin-top: 27px; }\n    .about-us-page .mt-10 { margin-top: 34px; }\n    .about-us-page .mt-12 { margin-top: 40px; }\n    .about-us-page .mt-16 { margin-top: 54px; }\n    .about-us-page .mt-20 { margin-top: 67px; }\n    .about-us-page .pt-8 { padding-top: 27px; }\n    .about-us-page .pt-10 { padding-top: 34px; }\n    .about-us-page .py-8 { padding-top: 27px; padding-bottom: 27px; }\n    @media (min-width: 600px) {\n        .about-us-page .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n        .about-us-page .md\\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }\n        .about-us-page .md\\:col-span-3 { grid-column: span 3 \/ span 3; }\n        .about-us-page .md\\:col-span-9 { grid-column: span 9 \/ span 9; }\n        .about-us-page .md\\:px-2 { padding-left: 8px; padding-right: 8px; }\n    }\n    @media (min-width: 1025px) {\n        .about-us-page .lg\\:grid-cols-12,\n        .about-us-page .lg\\:\\!grid-cols-12 {\n            grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n        }\n        .about-us-page .lg\\:col-span-4 { grid-column: span 4 \/ span 4; }\n        .about-us-page .lg\\:col-span-5 { grid-column: span 5 \/ span 5; }\n        .about-us-page .lg\\:col-span-6 { grid-column: span 6 \/ span 6; }\n        .about-us-page .lg\\:col-span-7 { grid-column: span 7 \/ span 7; }\n        .about-us-page .lg\\:col-span-8 { grid-column: span 8 \/ span 8; }\n        .about-us-page .lg\\:border-l { border-left-width: 1px; }\n    }\n<\/style>\n<section class=\"border-b about-rule about-bg-tint\">\n    <div class=\"about-wrap about-section text-center\">\n                    <span class=\"eyebrow\">Visit us<\/span>\n                            <h2 class=\"about-section-title about-cta-title about-rich mx-auto mt-8 max-w-3xl\"><span>We invite you to our gallery to get to know the works in person.<\/span><\/h2>\n                            <div class=\"mt-12 flex flex-wrap justify-center gap-4\">\n                                    <a href=\"https:\/\/siantigallery.com\/en\/contact-us\/\" class=\"about-cta-btn\" target=\"\">\n                        Contact Us\n                    <\/a>\n                                                    <a href=\"https:\/\/siantigallery.com\/en\/art-works\/\" class=\"about-cta-link\" target=\"\">\n                        Artworks\n                    <\/a>\n                            <\/div>\n            <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-6527","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/siantigallery.com\/en\/wp-json\/wp\/v2\/pages\/6527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siantigallery.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/siantigallery.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/siantigallery.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/siantigallery.com\/en\/wp-json\/wp\/v2\/comments?post=6527"}],"version-history":[{"count":3,"href":"https:\/\/siantigallery.com\/en\/wp-json\/wp\/v2\/pages\/6527\/revisions"}],"predecessor-version":[{"id":68423,"href":"https:\/\/siantigallery.com\/en\/wp-json\/wp\/v2\/pages\/6527\/revisions\/68423"}],"wp:attachment":[{"href":"https:\/\/siantigallery.com\/en\/wp-json\/wp\/v2\/media?parent=6527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}