{"id":13,"date":"2026-05-28T11:02:59","date_gmt":"2026-05-28T11:02:59","guid":{"rendered":"https:\/\/giovanidesign.com\/?page_id=13"},"modified":"2026-09-28T06:48:46","modified_gmt":"2026-09-28T06:48:46","slug":"giovani-design-nachalo","status":"publish","type":"page","link":"https:\/\/giovanidesign.com\/","title":{"rendered":"\u041d\u0410\u0427\u0410\u041b\u041e"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_0 et_pb_row et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n  \n    :root {\n        --font-serif: 'Playfair Display', serif;\n        --font-sans: 'Inter', sans-serif;\n        --font-accent: 'Montserrat', sans-serif;\n        --gold: #b5a28a;\n        --dark: #1a1a1a;\n        --bg: #fbfbfa;\n    }\n\n    \/* --- HERO SECTION STYLES --- *\/\n    .hero-section { width: 100%; min-height: 100vh; display: flex; align-items: center; padding: 40px 6% 60px 6%; background-color: var(--bg); color: var(--dark); font-family: var(--font-sans); }\n    .hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; align-items: center; width: 100%; }\n    .studio-title { font-family: var(--font-accent); font-size: 10px; text-transform: uppercase; letter-spacing: 4px; color: #a0a0a0; display: block; margin-bottom: 15px; }\n    .main-headline { font-size: 52px; line-height: 1.1; letter-spacing: -1px; margin-bottom: 25px; font-family: var(--font-serif); }\n    .main-headline span { font-family: var(--font-serif); font-style: italic; font-weight: 400; display: block; color: var(--gold); font-size: 36px; margin-top: 10px; }\n    .philosophy-typewriter { font-size: 16px; font-weight: 300; letter-spacing: 2px; margin-bottom: 30px; min-height: 24px; }\n    .typed-cursor { color: var(--gold); animation: blink 0.8s infinite; }\n    .studio-description { font-size: 15px; line-height: 1.7; color: #555; margin-bottom: 40px; font-weight: 300; max-width: 500px; }\n    .btn-giovani { display: inline-block; padding: 18px 40px; font-family: var(--font-accent); font-size: 9px; text-transform: uppercase; letter-spacing: 3px; text-decoration: none; color: #fff; background-color: var(--dark); border: 1px solid var(--dark); transition: 0.4s; cursor: pointer; }\n    .btn-giovani:hover { background-color: transparent; color: var(--dark); }\n    .hero-actions { display: flex; align-items: center; gap: 30px; margin-bottom: 40px; }\n    .social-link { color: var(--dark); opacity: 0.6; transition: 0.3s !important; }\n    .social-link.instagram:hover { color: #E1306C !important; opacity: 1; }\n    .social-link.facebook:hover { color: #4267B2 !important; opacity: 1; }\n    .stats-line { display: flex; align-items: flex-start; gap: 60px; margin-top: 42px; padding-top: 28px; border-top: 1px solid rgba(181, 162, 138, 0.28); }\n    .stat-number { font-family: var(--font-serif); font-size: 34px; line-height: 1; color: var(--dark); margin-bottom: 8px; }\n    .stat-suffix { color: var(--gold); font-size: 22px; }\n    .stat-label { font-family: var(--font-accent); font-size: 8px; letter-spacing: 1.8px; color: #777; text-transform: uppercase; }\n    .architectural-blob { width: 350px; height: 450px; background: #f2f2f0; border: 1px solid rgba(181, 162, 138, 0.3); border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; animation: architecturalMorph 10s ease-in-out infinite alternate; overflow: hidden; }\n    .architectural-blob img { width: 100%; height: 100%; object-fit: cover; }\n\n   \n    .puzzle-services-section { background-color: var(--bg); padding: 80px 6%; position: relative; scroll-margin-top: 80px; }\n    .puzzle-container { max-width: 1100px; margin: 0 auto; }\n    .puzzle-header { margin-bottom: 60px; text-align: center; }\n    .puzzle-tagline { font-size: 11px; text-transform: uppercase; letter-spacing: 6px; color: var(--gold); display: block; margin-bottom: 15px; }\n    .puzzle-main-title { font-size: 42px; font-weight: 300; text-transform: uppercase; color: var(--dark); font-family: var(--font-serif); }\n    .puzzle-board { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 900px; margin: 0 auto; }\n    .puzzle-piece-wrapper { height: 300px; perspective: 1000px; }\n    .puzzle-piece-inner { position: relative; width: 100%; height: 100%; transition: transform 0.6s; transform-style: preserve-3d; }\n    .puzzle-piece-wrapper:hover .puzzle-piece-inner { transform: rotateY(180deg); }\n    .piece-front, .piece-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; flex-direction: column; justify-content: center; padding: 30px; border: 1px solid #eee; background: #fff; }\n    .piece-back { transform: rotateY(180deg); background-size: cover; background-position: center; align-items: center; }\n    .piece-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(26, 26, 26, 0.6); }\n    .piece-back-text { position: relative; z-index: 2; color: #fff; font-size: 18px; text-transform: uppercase; letter-spacing: 3px; }\n    .puzzle-meta { display: flex; justify-content: space-between; margin-bottom: 15px; }\n    .puzzle-num { font-size: 16px; color: var(--gold); font-weight: bold; }\n    .puzzle-cta-container { margin-top: 60px; text-align: center; }\n\n    @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }\n    @keyframes architecturalMorph { 0% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; } 100% { border-radius: 35% 65% 40% 60% \/ 65% 40% 60% 35%; } }\n    @media (max-width: 992px) {\n        .hero-section { text-align: center; }\n        .hero-grid { grid-template-columns: 1fr; }\n        .hero-actions { justify-content: center; flex-direction: column; }\n    }\n    @media (max-width: 768px) {\n        .puzzle-board { grid-template-columns: 1fr; }\n    }\n\n    .puzzle-dots { display: none; }\n\n    \/* \u0422\u0435\u043b\u0435\u0444\u043e\u043d \u0438 \u0442\u0430\u0431\u043b\u0435\u0442: \u0431\u0435\u0437 \u043e\u0431\u0440\u044a\u0449\u0430\u043d\u0435 \u2014 \u0441\u043d\u0438\u043c\u043a\u0430\u0442\u0430 \u0435 \u0432\u0438\u0434\u0438\u043c\u0430, \u0430 \u043a\u0430\u0440\u0442\u0438\u0442\u0435 \u0441\u0435 \u043f\u043b\u044a\u0437\u0433\u0430\u0442 \u043d\u0430\u0441\u0442\u0440\u0430\u043d\u0438. *\/\n    @media (max-width: 768px), (hover: none) and (pointer: coarse) {\n        .puzzle-board {\n            display: flex !important;\n            grid-template-columns: none !important;\n            max-width: none;\n            gap: 12px;\n            padding: 2px 0 10px;\n            overflow-x: auto;\n            overscroll-behavior-x: contain;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n        }\n        .puzzle-board::-webkit-scrollbar { display: none; }\n        .puzzle-piece-wrapper { flex: 0 0 78%; max-width: 320px; height: auto !important; min-height: 0 !important; perspective: none; scroll-snap-align: center; }\n        .puzzle-piece-inner { height: 100%; transform: none !important; transform-style: flat; display: flex; flex-direction: column; border: 1px solid #eee; background: #fff; transition: none; }\n        .piece-front, .piece-back { position: static; width: 100%; height: auto; backface-visibility: visible; -webkit-backface-visibility: visible; border: 0; transform: none; }\n        .piece-back { display: flex !important; order: -1; position: relative; flex: 0 0 auto; height: 148px; min-height: 148px; padding: 0; align-items: center; justify-content: center; }\n        .piece-front { flex: 1 1 auto; padding: 18px 18px 22px !important; justify-content: flex-start; }\n        .puzzle-meta { margin-bottom: 10px; }\n        .piece-front h3 { font-size: 20px; line-height: 1.25; }\n        .piece-front p { font-size: 13.5px; line-height: 1.6; }\n        .piece-overlay { background: rgba(26, 26, 26, 0.42); }\n        .piece-back-text { font-size: 14px; letter-spacing: 2.5px; }\n        .puzzle-dots { display: flex; justify-content: center; gap: 9px; margin-top: 18px; }\n        .puzzle-dots button { width: 7px; height: 7px; padding: 0; appearance: none; -webkit-appearance: none; border: 0 !important; border-radius: 50% !important; background: #d9d3ca !important; cursor: pointer; transition: background-color .25s ease, transform .25s ease; }\n        .puzzle-dots button.is-active { background: #b5a28a !important; transform: scale(1.55); }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .architectural-blob { animation: none; }\n        .typed-cursor { animation: none; }\n    }\n<\/style>\n\n<section class=\"hero-section\">\n    <div class=\"hero-grid\">\n        <div class=\"hero-content\">\n            <span class=\"studio-title\">Architecture &amp; Excellence<\/span>\n            <h1 class=\"main-headline\">GIOVANI DESIGN <span>\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0438 \u0438\u043d\u0442\u0435\u0440\u0438\u043e\u0440<\/span><\/h1>\n            <div class=\"philosophy-typewriter\"><span id=\"typewriterText\"><\/span><span class=\"typed-cursor\">|<\/span><\/div>\n            <p class=\"studio-description\">\u0412\u043e\u0434\u0435\u043d\u0438 \u043e\u0442 13 \u0433\u043e\u0434\u0438\u043d\u0438 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u0435\u043d \u043e\u043f\u0438\u0442 \u0438 \u0435\u0436\u0435\u0433\u043e\u0434\u043d\u0438 \u043f\u0440\u043e\u0443\u0447\u0432\u0430\u043d\u0438\u044f \u0432 \u041c\u0438\u043b\u0430\u043d\u043e, \u0418\u0442\u0430\u043b\u0438\u044f \u0438 \u0418\u0441\u043f\u0430\u043d\u0438\u044f, \u043d\u0438\u0435 \u043f\u0440\u0435\u043d\u0430\u0441\u044f\u043c\u0435 \u043d\u0430\u0439-\u0430\u043a\u0442\u0443\u0430\u043b\u043d\u0438\u0442\u0435 \u0441\u0432\u0435\u0442\u043e\u0432\u043d\u0438 \u0442\u0435\u043d\u0434\u0435\u043d\u0446\u0438\u0438 \u0438 \u043f\u0440\u0435\u043c\u0438\u0443\u043c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0438 \u0434\u0438\u0440\u0435\u043a\u0442\u043d\u043e \u0432\u044a\u0432 \u0412\u0430\u0448\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442.<\/p>\n            <div class=\"hero-actions\">\n                <a href=\"https:\/\/giovanidesign.com\/index.php\/giovani-design-proekti\/\" class=\"btn-giovani\">\n                    \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\u0442\u0435 \u041f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e\u0442\u043e\n                <\/a>\n            <\/div>\n            <div class=\"stats-line\">\n                <div class=\"stat-item\"><div class=\"stat-number\"><span class=\"counter\" data-target=\"13\">0<\/span><span class=\"stat-suffix\">+<\/span><\/div><div class=\"stat-label\">\u0413\u043e\u0434\u0438\u043d\u0438 \u043e\u043f\u0438\u0442<\/div><\/div>\n                <div class=\"stat-item\"><div class=\"stat-number\"><span class=\"counter\" data-target=\"300\">0<\/span><span class=\"stat-suffix\">+<\/span><\/div><div class=\"stat-label\">\u041f\u0440\u043e\u0435\u043a\u0442\u0438<\/div><\/div>\n                <div class=\"stat-item\"><div class=\"stat-number\"><span class=\"counter\" data-target=\"250\">0<\/span><span class=\"stat-suffix\">+<\/span><\/div><div class=\"stat-label\">\u041a\u043b\u0438\u0435\u043d\u0442\u0438<\/div><\/div>\n            <\/div>\n        <\/div>\n        <div class=\"hero-visual\"><div class=\"architectural-blob\"><img decoding=\"async\" data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/163653681526277.jpg.jpeg\" alt=\"Valeria Giovani\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1200;\"><\/div><\/div>\n    <\/div>\n<\/section>\n\n<section class=\"puzzle-services-section\" id=\"services\">\n    <div class=\"puzzle-container\">\n        <div class=\"puzzle-header\">\n            <span class=\"puzzle-tagline\">\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u043d\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0430<\/span>\n            <h2 class=\"puzzle-main-title\">\u0427\u0435\u0442\u0438\u0440\u0438\u0442\u0435 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043d\u0430 \u0443\u0441\u043f\u0435\u0445\u0430<\/h2>\n        <\/div>\n        <div class=\"puzzle-board\" id=\"puzzleBoard\">\n            <div class=\"puzzle-piece-wrapper\"><div class=\"puzzle-piece-inner\"><div class=\"piece-front\"><div class=\"puzzle-meta\"><span class=\"puzzle-num\">01<\/span><span class=\"puzzle-cat\">\u041a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f<\/span><\/div><h3>\u0418\u043d\u0442\u0435\u0440\u0438\u043e\u0440\u0435\u043d \u0434\u0438\u0437\u0430\u0439\u043d<\/h3><p>\u041a\u043e\u043d\u0446\u0435\u043f\u0442\u0443\u0430\u043b\u043d\u043e \u0438 \u0434\u0435\u0442\u0430\u0439\u043b\u043d\u043e \u043f\u043b\u0430\u043d\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0435\u043a\u0441\u043a\u043b\u0443\u0437\u0438\u0432\u043d\u0438 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0446\u0438\u0438 \u0438 \u0430\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0438.<\/p><\/div><div class=\"piece-back lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/lera42_kafe21-1.jpg&#039;)\"><div class=\"piece-overlay\"><\/div><div class=\"piece-back-text\">\u0418\u043d\u0442\u0435\u0440\u0438\u043e\u0440<\/div><\/div><\/div><\/div>\n            <div class=\"puzzle-piece-wrapper\"><div class=\"puzzle-piece-inner\"><div class=\"piece-front\"><div class=\"puzzle-meta\"><span class=\"puzzle-num\">02<\/span><span class=\"puzzle-cat\">\u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f<\/span><\/div><h3>\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430<\/h3><p>\u0426\u044f\u043b\u043e\u0441\u0442\u043d\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u043c\u043e\u0434\u0435\u0440\u043d\u0438 \u0438\u0437\u0432\u044a\u043d\u0433\u0440\u0430\u0434\u0441\u043a\u0438 \u043a\u044a\u0449\u0438 \u0438 \u0436\u0438\u043b\u0438\u0449\u043d\u0438 \u0441\u0433\u0440\u0430\u0434\u0438.<\/p><\/div><div class=\"piece-back lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/lera35_kyhya4.jpg&#039;)\"><div class=\"piece-overlay\"><\/div><div class=\"piece-back-text\">\u041f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0430\u043d\u0435<\/div><\/div><\/div><\/div>\n            <div class=\"puzzle-piece-wrapper\"><div class=\"puzzle-piece-inner\"><div class=\"piece-front\"><div class=\"puzzle-meta\"><span class=\"puzzle-num\">03<\/span><span class=\"puzzle-cat\">\u0421\u0435\u043b\u0435\u043a\u0446\u0438\u044f<\/span><\/div><h3>\u041f\u043e\u0434\u0431\u043e\u0440<\/h3><p>\u041f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u0430 \u0441\u0435\u043b\u0435\u043a\u0446\u0438\u044f \u043d\u0430 \u043d\u0430\u0439-\u0432\u0438\u0441\u043e\u043a \u043a\u043b\u0430\u0441 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0438, \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0441\u043a\u0438 \u043c\u0435\u0431\u0435\u043b\u0438 \u0438 \u043b\u0443\u043a\u0441\u043e\u0437\u043d\u043e \u043e\u0441\u0432\u0435\u0442\u043b\u0435\u043d\u0438\u0435.<\/p><\/div><div class=\"piece-back lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/0008.jpg&#039;)\"><div class=\"piece-overlay\"><\/div><div class=\"piece-back-text\">\u0421\u0435\u043b\u0435\u043a\u0446\u0438\u044f<\/div><\/div><\/div><\/div>\n            <div class=\"puzzle-piece-wrapper\"><div class=\"puzzle-piece-inner\"><div class=\"piece-front\"><div class=\"puzzle-meta\"><span class=\"puzzle-num\">04<\/span><span class=\"puzzle-cat\">\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/span><\/div><h3>\u0410\u0432\u0442\u043e\u0440\u0441\u043a\u0438 \u043d\u0430\u0434\u0437\u043e\u0440<\/h3><p>\u0411\u0435\u0437\u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0435\u043d \u043a\u043e\u043d\u0442\u0440\u043e\u043b \u043d\u0430 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u043d\u0438\u0442\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0438 \u043d\u0430 \u0442\u0435\u0440\u0435\u043d, \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0430\u0449 \u0442\u043e\u0447\u043d\u043e\u0441\u0442 \u0441 \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/p><\/div><div class=\"piece-back lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/lera41_gost22_2.jpg&#039;)\"><div class=\"piece-overlay\"><\/div><div class=\"piece-back-text\">\u041a\u043e\u043d\u0442\u0440\u043e\u043b<\/div><\/div><\/div><\/div>\n        <\/div>\n        <div class=\"puzzle-cta-container\">\n            <!--\n               \u0411\u0443\u0442\u043e\u043d\u044a\u0442 \u043f\u044a\u0440\u0432\u043e \u0442\u044a\u0440\u0441\u0438 \u0444\u043e\u0440\u043c\u0430 \u0438\u043b\u0438 \u0432\u044a\u043f\u0440\u043e\u0441\u043d\u0438\u043a \u043d\u0430 \u0442\u0435\u043a\u0443\u0449\u0430\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0438 \u0441\u043a\u0440\u043e\u043b\u0432\u0430 \u0434\u043e \u043d\u0435\u044f.\n               \u0410\u043a\u043e \u043d\u044f\u043c\u0430 \u0442\u0430\u043a\u0430\u0432\u0430, href \u043e\u0442\u0432\u0435\u0436\u0434\u0430 \u043a\u044a\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u201e\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0438\u201c.\n            -->\n            <a href=\"https:\/\/giovanidesign.com\/index.php\/kontakti\/\" class=\"btn-giovani\" data-gd-scroll>\n                \u0417\u0430\u044f\u0432\u0438 \u043a\u043e\u043d\u0441\u0443\u043b\u0442\u0430\u0446\u0438\u044f \u0441\u0435\u0433\u0430\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const phrases = [\"Creativity.\", \"Ergonomics.\", \"Reliability.\"];\n        let phraseIdx = 0, charIdx = 0, isDeleting = false;\n        const textTarget = document.getElementById(\"typewriterText\");\n\n        function playTypewriter() {\n            if (!textTarget) return;\n            const currentPhrase = phrases[phraseIdx];\n            textTarget.textContent = isDeleting ? currentPhrase.substring(0, charIdx - 1) : currentPhrase.substring(0, charIdx + 1);\n            isDeleting ? charIdx-- : charIdx++;\n            if (!isDeleting && charIdx === currentPhrase.length) { isDeleting = true; setTimeout(playTypewriter, 2000); }\n            else if (isDeleting && charIdx === 0) { isDeleting = false; phraseIdx = (phraseIdx + 1) % phrases.length; setTimeout(playTypewriter, 500); }\n            else { setTimeout(playTypewriter, isDeleting ? 40 : 100); }\n        }\n\n        function animateCounters() {\n            document.querySelectorAll('.counter').forEach(counter => {\n                const target = +counter.getAttribute('data-target');\n                const increment = target \/ 50;\n                let count = 0;\n                const update = () => {\n                    count += increment;\n                    if (count < target) { counter.textContent = Math.floor(count); requestAnimationFrame(update); }\n                    else { counter.textContent = target; }\n                };\n                update();\n            });\n        }\n        playTypewriter();\n\n        const statsLine = document.querySelector('.stats-line');\n        if (statsLine) {\n            const observer = new IntersectionObserver((entries) => { if (entries[0].isIntersecting) { animateCounters(); observer.disconnect(); } }, { threshold: 0.3 });\n            observer.observe(statsLine);\n        }\n\n        \/* \u2500\u2500 \u0431\u0443\u0442\u043e\u043d \u201e\u0417\u0430\u044f\u0432\u0438 \u043a\u043e\u043d\u0441\u0443\u043b\u0442\u0430\u0446\u0438\u044f\u201c \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n           \u0422\u044a\u0440\u0441\u0438 \u043f\u043e \u0440\u0435\u0434: \u0441\u0435\u043a\u0446\u0438\u044f \u0441 CSS ID contact-section, \u043e\u0431\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f\n           \u0431\u043b\u043e\u043a \u0441 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438, \u0431\u043b\u043e\u043a\u0430 \u0441 \u0432\u044a\u043f\u0440\u043e\u0441\u043d\u0438\u043a\u0430, \u043d\u0430\u043a\u0440\u0430\u044f \u043a\u043e\u044f\u0442\u043e \u0438 \u0434\u0430 \u0435\n           \u0444\u043e\u0440\u043c\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0442\u0430. \u0410\u043a\u043e \u043d\u0435 \u043d\u0430\u043c\u0435\u0440\u0438 \u043d\u0438\u0449\u043e, \u0441\u043b\u0435\u0434\u0432\u0430 href-\u0430.\n        *\/\n        const TARGETS = ['#contact-section', '.gc-form', '.gc', '.gdq', 'form'];\n\n        const findTarget = () => {\n            for (const selector of TARGETS) {\n                const el = document.querySelector(selector);\n                if (el && el.getClientRects().length) return el;\n            }\n            return null;\n        };\n\n        const headerOffset = () => {\n            let height = 0;\n            document.querySelectorAll('header, #main-header, .et-l--header, .et_pb_section_sticky').forEach((el) => {\n                const position = window.getComputedStyle(el).position;\n                if (position === 'fixed' || position === 'sticky') {\n                    height = Math.max(height, el.getBoundingClientRect().height);\n                }\n            });\n            return height + 24;\n        };\n\n        document.querySelectorAll('[data-gd-scroll]').forEach((link) => {\n            link.addEventListener('click', (event) => {\n                const target = findTarget();\n                if (!target) return;\n\n                event.preventDefault();\n\n                const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n                const top = target.getBoundingClientRect().top + window.pageYOffset - headerOffset();\n                window.scrollTo({ top: Math.max(top, 0), behavior: reduced ? 'auto' : 'smooth' });\n\n                window.setTimeout(() => {\n                    const field = target.querySelector('input:not([type=\"checkbox\"]):not([type=\"hidden\"]), textarea');\n                    if (field) field.focus({ preventScroll: true });\n                }, reduced ? 0 : 900);\n            });\n        });\n    });\n<\/script>\n<script>\n    (function () {\n        var board = document.getElementById(\"puzzleBoard\");\n        if (!board || board.dataset.swipeReady) return;\n        board.dataset.swipeReady = \"1\";\n        var cards = Array.prototype.slice.call(board.querySelectorAll(\".puzzle-piece-wrapper\"));\n        if (cards.length < 2) return;\n        var dots = document.createElement(\"div\");\n        dots.className = \"puzzle-dots\";\n        cards.forEach(function (card, i) {\n            var b = document.createElement(\"button\");\n            b.type = \"button\";\n            b.setAttribute(\"aria-label\", \"\u0415\u043b\u0435\u043c\u0435\u043d\u0442 \" + (i + 1));\n            b.addEventListener(\"click\", function () {\n                var cr = card.getBoundingClientRect(), br = board.getBoundingClientRect();\n                var target = board.scrollLeft + (cr.left - br.left) - (br.width - cr.width) \/ 2;\n                var before = board.scrollLeft;\n                setActive(i);\n                try { board.scrollTo({ left: target, behavior: \"smooth\" }); } catch (err) {}\n                setTimeout(function () { if (Math.abs(board.scrollLeft - before) < 2) { board.scrollLeft = target; } }, 130);\n            });\n            dots.appendChild(b);\n        });\n        board.parentNode.insertBefore(dots, board.nextSibling);\n        var btns = Array.prototype.slice.call(dots.children);\n        function setActive(n) { btns.forEach(function (b, k) { b.classList.toggle(\"is-active\", k === n); }); }\n        setActive(0);\n        if (window.IntersectionObserver) {\n            var ratios = cards.map(function () { return 0; });\n            var io = new IntersectionObserver(function (entries) {\n                entries.forEach(function (en) { var i = cards.indexOf(en.target); if (i > -1) { ratios[i] = en.intersectionRatio; } });\n                var best = 0;\n                for (var i = 1; i < ratios.length; i++) { if (ratios[i] > ratios[best]) { best = i; } }\n                setActive(best);\n            }, { root: board, threshold: [0, 0.25, 0.5, 0.75, 1] });\n            cards.forEach(function (card) { io.observe(card); });\n        }\n    }());\n<\/script><\/div><\/div>\n\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!--\n  GIOVANI DESIGN \u2014 LUXURY ARTISTIC PROCESS\n\n  \u041f\u0440\u0435\u0434\u0438 \u0434\u0430 \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u0435 \u043a\u043e\u0434\u0430 \u0432 Divi, \u043a\u0430\u0447\u0435\u0442\u0435 \u0434\u0432\u0430\u0442\u0430 \u043f\u043e\u0434\u0433\u043e\u0442\u0432\u0435\u043d\u0438 JPG \u0444\u0430\u0439\u043b\u0430\n  \u0432 WordPress Media Library \u0441\u044a\u0441 \u0441\u044a\u0449\u0438\u0442\u0435 \u0438\u043c\u0435\u043d\u0430:\n  1) giovani-process-05-authorski-nadzor-roots-sofia.jpg\n  2) giovani-process-06-realizacia-alpha-aesthetics.jpg\n\n  URL \u0430\u0434\u0440\u0435\u0441\u0438\u0442\u0435 \u043f\u043e-\u0434\u043e\u043b\u0443 \u043e\u0447\u0430\u043a\u0432\u0430\u0442 \u043a\u0430\u0447\u0432\u0430\u043d\u0435 \u043f\u0440\u0435\u0437 \u0430\u0432\u0433\u0443\u0441\u0442 2026 \u0433.\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500&family=Playfair+Display:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<!-- START: LUXURY ARTISTIC PROCESS -->\n<section class=\"luxury-process\">\n    <div class=\"luxury-container\">\n        <h2 class=\"title-main\">\u041f\u0440\u043e\u0446\u0435\u0441\u044a\u0442 \u043a\u0430\u0442\u043e \u043f\u044a\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u0435<\/h2>\n\n        <div class=\"luxury-grid\">\n            <div class=\"luxury-card\">\n                <div class=\"floating-img lazyload\" role=\"img\" aria-label=\"\u0417\u0430\u043f\u043e\u0437\u043d\u0430\u043d\u0441\u0442\u0432\u043e \u0441 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/lera42_kafe21-1.jpg&#039;)\"><\/div>\n                <div class=\"text-block\">\n                    <span class=\"num\">01<\/span>\n                    <h3>\u0417\u0430\u043f\u043e\u0437\u043d\u0430\u043d\u0441\u0442\u0432\u043e<\/h3>\n                    <p>\u0421\u0440\u0435\u0449\u0430\u043c\u0435 \u0441\u0435 \u043d\u0430 \u0436\u0438\u0432\u043e \u0438\u043b\u0438 \u043e\u043d\u043b\u0430\u0439\u043d, \u043e\u0431\u0441\u044a\u0436\u0434\u0430\u043c\u0435 \u0432\u0430\u0448\u0438\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0438, \u043d\u0430\u0447\u0438\u043d \u043d\u0430 \u0436\u0438\u0432\u043e\u0442, \u0431\u044e\u0434\u0436\u0435\u0442 \u0438 \u0441\u0440\u043e\u043a\u043e\u0432\u0435. \u041f\u043e\u043b\u0443\u0447\u0430\u0432\u0430\u0442\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e \u0437\u0430\u0434\u0430\u043d\u0438\u0435.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"luxury-card\">\n                <div class=\"floating-img lazyload\" role=\"img\" aria-label=\"\u0418\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0435 \u043d\u0430 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f\u0442\u0430\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/lera35_kyhya4.jpg&#039;)\"><\/div>\n                <div class=\"text-block\">\n                    <span class=\"num\">02<\/span>\n                    <h3>\u041a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f<\/h3>\n                    <p>\u0417\u043e\u043d\u0438\u0440\u0430\u043d\u0435, \u043c\u0435\u0431\u0435\u043b\u0438 \u0438 \u0441\u0442\u0438\u043b\u043e\u0432\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435. \u041f\u043e\u043a\u0430\u0437\u0432\u0430\u043c\u0435 2\u20133 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430, \u0437\u0430 \u0434\u0430 \u0438\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u0442\u043e\u0432\u0430, \u043a\u043e\u0435\u0442\u043e \u0432\u0438 \u0435 \u043d\u0430\u0439-\u0431\u043b\u0438\u0437\u043a\u043e.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"luxury-card\">\n                <div class=\"floating-img lazyload\" role=\"img\" aria-label=\"\u0424\u043e\u0442\u043e\u0440\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u0430 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/09\/giovani-process-03-vizualizacia.jpg&#039;)\"><\/div>\n                <div class=\"text-block\">\n                    <span class=\"num\">03<\/span>\n                    <h3>\u0412\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/h3>\n                    <p>\u041f\u0440\u0435\u0432\u0440\u044a\u0449\u0430\u043c\u0435 \u0438\u0434\u0435\u0438\u0442\u0435 \u0432\u044a\u0432 \u0444\u043e\u0442\u043e\u0440\u0435\u0430\u043b\u0438\u0437\u044a\u043c. \u0412\u0438\u0436\u0434\u0430\u0442\u0435 \u0431\u044a\u0434\u0435\u0449\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0438\u043e\u0440 \u0441 \u0440\u0435\u0430\u043b\u043d\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0438, \u0441\u0432\u0435\u0442\u043b\u0438\u043d\u0430 \u0438 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0438.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"luxury-card\">\n                <div class=\"floating-img lazyload\" role=\"img\" aria-label=\"\u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u043d\u0438 \u0447\u0435\u0440\u0442\u0435\u0436\u0438\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/lera41_gost22_2.jpg&#039;)\"><\/div>\n                <div class=\"text-block\">\n                    <span class=\"num\">04<\/span>\n                    <h3>\u0420\u0430\u0431\u043e\u0442\u043d\u0438 \u0447\u0435\u0440\u0442\u0435\u0436\u0438<\/h3>\n                    <p>\u041f\u044a\u043b\u0435\u043d \u043f\u0430\u043a\u0435\u0442 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0437\u0430 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u0438\u0442\u0435: \u043f\u043b\u0430\u043d\u043e\u0432\u0435, \u0438\u043d\u0441\u0442\u0430\u043b\u0430\u0446\u0438\u0438 \u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 \u0437\u0430 \u0431\u0435\u0437\u0443\u043f\u0440\u0435\u0447\u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0430.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"luxury-card\">\n                <!-- \u041d\u041e\u0412\u0410 \u0421\u041d\u0418\u041c\u041a\u0410 05: ROOTS SOFIA -->\n                <div class=\"floating-img floating-img-roots lazyload\" role=\"img\" aria-label=\"\u0410\u0432\u0442\u043e\u0440\u0441\u043a\u0438 \u043d\u0430\u0434\u0437\u043e\u0440 \u2014 ROOTS Sofia\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/09\/aa-priemna-01.jpg&#039;)\"><\/div>\n                <div class=\"text-block\">\n                    <span class=\"num\">05<\/span>\n                    <h3>\u0410\u0432\u0442\u043e\u0440\u0441\u043a\u0438 \u043d\u0430\u0434\u0437\u043e\u0440<\/h3>\n                    <p>\u0420\u0435\u0434\u043e\u0432\u043d\u0438 \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u044f \u043d\u0430 \u043e\u0431\u0435\u043a\u0442\u0430, \u0437\u0430 \u0434\u0430 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0430\u043c\u0435, \u0447\u0435 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442\u044a\u0442 \u0441\u044a\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0430 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0431\u0435\u0437 \u201e\u0441\u0430\u043c\u043e\u0438\u043d\u0438\u0446\u0438\u0430\u0442\u0438\u0432\u0438\u201c.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"luxury-card\">\n                <!-- \u041d\u041e\u0412\u0410 \u0421\u041d\u0418\u041c\u041a\u0410 06: ALPHA AESTHETICS -->\n                <div class=\"floating-img floating-img-alpha lazyload\" role=\"img\" aria-label=\"\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u2014 Alpha Aesthetics Clinic Sofia\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/08\/giovani-process-06-realizacia-alpha-aesthetics.jpg&#039;)\"><\/div>\n                <div class=\"text-block\">\n                    <span class=\"num\">06<\/span>\n                    <h3>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/h3>\n                    <p>\u0424\u0438\u043d\u0430\u043b\u043d\u043e \u0434\u0435\u043a\u043e\u0440\u0438\u0440\u0430\u043d\u0435. \u041f\u0440\u0435\u0434\u0430\u0432\u0430\u043c\u0435 \u0433\u043e\u0442\u043e\u0432 \u0438\u043d\u0442\u0435\u0440\u0438\u043e\u0440 \u201e\u0434\u043e \u043a\u043b\u044e\u0447\u201c, \u043a\u043e\u0439\u0442\u043e \u0438\u0437\u0433\u043b\u0435\u0436\u0434\u0430 \u0442\u043e\u0447\u043d\u043e \u043a\u0430\u0442\u043e \u043d\u0430 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\u0442\u0430.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<!-- END: LUXURY ARTISTIC PROCESS -->\n\n<style>\n    .luxury-process,\n    .luxury-process * {\n        box-sizing: border-box;\n    }\n\n    .luxury-process {\n        padding: 120px 6%;\n        overflow: hidden;\n        background: #fbfbfa;\n    }\n\n    .luxury-container {\n        width: min(1280px, 100%);\n        margin: 0 auto;\n    }\n\n    .luxury-process .title-main {\n        margin: 0 0 100px;\n        color: #292725;\n        font: 500 clamp(44px, 4.4vw, 56px)\/1.08 'Playfair Display', Georgia, serif;\n        text-align: center;\n    }\n\n    .luxury-grid {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 80px 40px;\n    }\n\n    .luxury-card {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        min-width: 0;\n    }\n\n    .floating-img {\n        position: relative;\n        width: min(240px, calc(100% - 30px));\n        height: 320px;\n        margin-bottom: 40px;\n        border-radius: 4px;\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n        box-shadow: 20px 20px 0 rgba(181, 162, 138, 0.20);\n        transition: transform 0.6s ease, box-shadow 0.6s ease;\n    }\n\n    .floating-img-roots {\n        background-position: center 48%;\n    }\n\n    .floating-img-alpha {\n        background-position: center 44%;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        .luxury-card:hover .floating-img {\n            transform: translateY(-20px) rotate(2deg);\n            box-shadow: 30px 30px 0 rgba(181, 162, 138, 0.10);\n        }\n    }\n\n    .text-block {\n        width: 100%;\n        max-width: 280px;\n        text-align: center;\n    }\n\n    .num {\n        display: block;\n        margin-bottom: 10px;\n        color: #b5a28a;\n        font: 400 48px\/1 'Playfair Display', Georgia, serif;\n    }\n\n    .luxury-process .text-block h3 {\n        margin: 0 0 15px;\n        color: #292725;\n        font: 500 14px\/1.4 'Montserrat', Arial, sans-serif;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n    }\n\n    .luxury-process .text-block p {\n        margin: 0;\n        color: #555;\n        font: 300 14px\/1.8 'Montserrat', Arial, sans-serif;\n    }\n\n    @media (max-width: 1024px) {\n        .luxury-grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n    }\n\n    @media (max-width: 600px) {\n        .luxury-process {\n            padding: 68px 20px 76px;\n        }\n\n        .luxury-process .title-main {\n            margin-bottom: 62px;\n            font-size: clamp(36px, 11vw, 44px);\n        }\n\n        .luxury-grid {\n            grid-template-columns: 1fr;\n            gap: 68px;\n        }\n\n        .floating-img {\n            width: min(250px, calc(100% - 24px));\n            height: 330px;\n            margin-bottom: 34px;\n            box-shadow: 14px 14px 0 rgba(181, 162, 138, 0.18);\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .floating-img {\n            transition: none;\n        }\n    }\n<\/style>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_1 et_pb_row et_block_row\">\n<div class=\"et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"bio-wrapper-center\" id=\"about-section\">\n    <section class=\"valeria-final-layout\">\n        \n        <div class=\"bio-left\">\n            <h1 class=\"name\">Valeria Giovani<\/h1>\n            <span class=\"role\">\u041e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b \u0438 \u0432\u043e\u0434\u0435\u0449 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442<\/span>\n            \n            <h3 class=\"section-heading\">\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u0447\u0435\u043d \u043f\u044a\u0442<\/h3>\n            <div class=\"cv-list\">\n                <p><strong>2003-2006:<\/strong> \u0425\u0443\u0434\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043e \u0443\u0447\u0438\u043b\u0438\u0449\u0435 \u201e\u0413\u0440\u0435\u043a\u043e\u0432\u201c. \u041e\u0441\u043d\u043e\u0432\u0430 \u043d\u0430 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u043d\u0438\u044f \u0443\u0441\u0435\u0442.<\/p>\n                <p><strong>2006-2012:<\/strong> \u041e\u0434\u0435\u0441\u043a\u0430 \u0430\u043a\u0430\u0434\u0435\u043c\u0438\u044f (\u041e\u0413\u0410\u0421\u0410). \u041c\u0430\u0433\u0438\u0441\u0442\u044a\u0440 \u043f\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0441 \u043e\u0442\u043b\u0438\u0447\u0438\u0435.<\/p>\n                <p><strong>2014-2017:<\/strong> \u0414\u043e\u043a\u0442\u043e\u0440\u0430\u043d\u0442 \u0432 \u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0438\u044f \u0438\u043d\u0441\u0442\u0438\u0442\u0443\u0442. \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0432 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435\u043d\u0438\u044f \u0434\u0438\u0437\u0430\u0439\u043d.<\/p>\n            <\/div>\n\n            <h3 class=\"section-heading\" style=\"margin-top: 40px;\">\u041f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u0435\u043d \u043e\u043f\u0438\u0442<\/h3>\n            <p class=\"experience-text\">\n                \u0421 \u043d\u0430\u0434 13 \u0433\u043e\u0434\u0438\u043d\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430, \u0432\u043a\u043b\u044e\u0447\u0432\u0430\u0449\u0430 \u0440\u0430\u0431\u043e\u0442\u0430 \u0432 \u0448\u043a\u043e\u043b\u0430\u0442\u0430 \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u0438\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442 \u043d\u0430 \u041a\u0438\u0435\u0432 \u201e\u0421. \u0411\u0430\u0431\u0443\u0448\u043a\u0438\u043d\u201c, \u0434\u043d\u0435\u0441 \u0447\u0440\u0435\u0437 Giovani Design \u0441\u044a\u0437\u0434\u0430\u0432\u0430\u043c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u0441\u044a\u0447\u0435\u0442\u0430\u0432\u0430\u0449\u0438 \u043f\u0440\u0435\u0446\u0438\u0437\u043d\u043e\u0441\u0442 \u0438 \u0431\u0435\u0437\u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u043d\u0430 \u0435\u0441\u0442\u0435\u0442\u0438\u043a\u0430.\n            <\/p>\n\n            <div class=\"cta-wrapper\" style=\"margin-top: 40px; display: flex; align-items: center; gap: 30px;\">\n                <a href=\"https:\/\/giovanidesign.com\/index.php\/za-nas\/\" class=\"btn-giovani\">\u041f\u043e\u0432\u0435\u0447\u0435 \u0437\u0430 \u043c\u0435\u043d<\/a>\n                \n                <div class=\"bio-socials\" style=\"display: flex; gap: 15px;\">\n                    <a href=\"https:\/\/www.instagram.com\/giovanidesign.bg?igsh=MTJtaGIwOWVnZG40dQ%3D%3D&utm_source=qr\" target=\"_blank\" aria-label=\"Instagram\" class=\"social-link instagram\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.77 1.683 4.918 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.236-1.666 4.77-4.919 4.918-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.236-.149-4.77-1.667-4.919-4.919-.058-1.265-.07-1.644-.07-4.849 0-3.204.012-3.584.07-4.849.149-3.236 1.667-4.77 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-.28-.058-.689-.072-4.948-.072zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.209-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n                    <\/a>\n                    <a href=\"https:\/\/www.facebook.com\/giovanidesign\" target=\"_blank\" aria-label=\"Facebook\" class=\"social-link facebook\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"film-strip-wrapper\">\n            <div class=\"film-strip-center\">\n                <div class=\"track\">\n                    <img decoding=\"async\" data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/0052.jpg\" alt=\"\u041f\u0440\u043e\u0435\u043a\u0442\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/2256;\">\n                    <img decoding=\"async\" data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/0024.jpg\" alt=\"\u041f\u0440\u043e\u0435\u043a\u0442\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/2250;\">\n                    <img decoding=\"async\" data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/DSCF0118-HDR-scaled.jpg\" alt=\"\u041f\u0440\u043e\u0435\u043a\u0442\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1707;\">\n                    <img decoding=\"async\" data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/lera41_gost20_2.jpg\" alt=\"\u041f\u0440\u043e\u0435\u043a\u0442\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1200;\">\n                    <img decoding=\"async\" data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/lera35_kyhya3.jpg\" alt=\"\u041f\u0440\u043e\u0435\u043a\u0442\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1605px; --smush-placeholder-aspect-ratio: 1605\/1440;\">\n                    <img decoding=\"async\" data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/lera36_spalnya32-1.jpg\" alt=\"\u041f\u0440\u043e\u0435\u043a\u0442\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1200;\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"bio-right\">\n            <div class=\"portrait-container\">\n                <img decoding=\"async\" data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/08\/IMG_9633-1-scaled.jpg\" alt=\"Valeria Giovani\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1440px; --smush-placeholder-aspect-ratio: 1440\/2560;\">\n            <\/div>\n            \n            <div class=\"stats-grid\">\n                <div class=\"stat\"><strong>300+<\/strong><span>\u0414\u0438\u0437\u0430\u0439\u043d \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/span><\/div>\n                <div class=\"stat\"><strong>200+<\/strong><span>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438<\/span><\/div>\n                <div class=\"stat\"><strong>13\u0433.<\/strong><span>\u041e\u043f\u0438\u0442<\/span><\/div>\n                <div class=\"stat\"><strong>250+<\/strong><span>\u041a\u043b\u0438\u0435\u043d\u0442\u0438<\/span><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<style>\n    \n    .social-link { color: #1a1a1a; opacity: 0.6; transition: 0.3s; }\n    .social-link.instagram:hover { color: #E1306C; opacity: 1; }\n    .social-link.facebook:hover { color: #4267B2; opacity: 1; }\n\n    .bio-wrapper-center { max-width: 1200px; margin: 120px auto; padding: 80px 60px; background: #ffffff; border: 1px solid #e8e8e8; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.05); overflow: visible; }\n    .valeria-final-layout { display: flex; width: 100%; gap: 40px; align-items: flex-start; }\n    \n    .bio-left { width: 45%; }\n    .film-strip-wrapper { width: 120px; flex-shrink: 0; height: 500px; position: relative; }\n    .bio-right { width: 30%; display: flex; flex-direction: column; align-items: center; gap: 50px; }\n\n    .film-strip-center { width: 120px; height: 100%; overflow: hidden; background: #f9f9f9; position: relative; mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%); }\n    .track { animation: scroll-strip 30s linear infinite; position: absolute; top: 0; left: 0; width: 100%; }\n    .track img { width: 120px; height: 180px; object-fit: cover; filter: grayscale(1); display: block; margin-bottom: 10px; }\n\n    .name { font-family: var(--font-serif); font-size: 3.5rem; font-weight: 300; margin: 0; color: var(--dark); }\n    .role { font-family: var(--font-accent); color: var(--gold); text-transform: uppercase; letter-spacing: 4px; font-size: 0.7rem; display: block; margin-bottom: 40px; }\n    .section-heading { font-family: var(--font-accent); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 20px; color: var(--dark); }\n    .cv-list p { font-size: 0.9rem; color: #666; margin-bottom: 15px; line-height: 1.5; }\n    .experience-text { font-family: var(--font-serif); font-size: 1rem; color: #444; line-height: 1.7; font-style: italic; }\n    \n    .portrait-container { width: 280px; height: 280px; border-radius: 50%; overflow: hidden; }\n    .portrait-container img { width: 100%; height: 100%; object-fit: cover; }\n    .stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }\n    .stat { text-align: center; }\n    .stat strong { display: block; font-family: var(--font-serif); font-size: 1.6rem; color: var(--dark); }\n    .stat span { font-family: var(--font-accent); font-size: 0.6rem; text-transform: uppercase; color: #888; }\n    \n    .btn-giovani { padding: 20px 45px; font-family: var(--font-accent); font-size: 10px; text-transform: uppercase; color: #fff; background: var(--dark); border: 1px solid var(--dark); display: inline-block; transition: 0.3s; text-decoration: none; }\n    .btn-giovani:hover { background: transparent; color: var(--dark); }\n\n    @keyframes scroll-strip { from { transform: translateY(0); } to { transform: translateY(-700px); } }\n\n    @media (max-width: 992px) {\n        .valeria-final-layout { flex-direction: column; align-items: center; text-align: center; }\n        .bio-left, .bio-right { width: 100%; }\n        .film-strip-wrapper { display: none; }\n        .bio-wrapper-center { padding: 40px 20px; margin: 60px 20px; }\n        .cta-wrapper { justify-content: center; }\n    }\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_2 et_pb_row et_block_row\">\n<div class=\"et_pb_column_2 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section class=\"projects-showcase\" id=\"projects-section\">\n    <div class=\"header-block\">\n        <h2 class=\"section-title\">\u041c\u043e\u0438\u0442\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0438<\/h2>\n        <div class=\"accent-line\"><\/div>\n    <\/div>\n\n    <div class=\"showcase-wrapper\">\n        <button class=\"nav-btn prev\" onclick=\"scrollSlider(-450)\">\u2190<\/button>\n\n        <div class=\"projects-slider\" id=\"projectSlider\">\n            <div class=\"project-card\">\n                <img decoding=\"async\" data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/\u0424\u0430\u0439\u043b_079-scaled.jpeg\" alt=\"Fitness Studio\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1746px; --smush-placeholder-aspect-ratio: 1746\/2560;\">\n                <div class=\"card-overlay\"><h3>FITNESS STUDIO<\/h3><\/div>\n            <\/div>\n            <div class=\"project-card\">\n                <img decoding=\"async\" data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/lera42_kafe20-1.jpg\" alt=\"Coffee Shop\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1200;\">\n                <div class=\"card-overlay\"><h3>COFFEE SHOP<\/h3><\/div>\n            <\/div>\n            <div class=\"project-card\">\n                <img decoding=\"async\" data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/163653681526277.jpg.jpeg\" alt=\"Villa on the beach\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1200;\">\n                <div class=\"card-overlay\"><h3>VILLA ON THE BEACH<\/h3><\/div>\n            <\/div>\n            <div class=\"project-card\">\n                <img decoding=\"async\" data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/0024.jpg\" alt=\"FARM SHOP GRYADKA\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/2250;\">\n                <div class=\"card-overlay\"><h3>FARM SHOP \u00abGRYADKA\u00bb<\/h3><\/div>\n            <\/div>\n            <div class=\"project-card\">\n                <img decoding=\"async\" data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/0008@libkos_380983333191-scaled.jpg\" alt=\"Project\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1707;\">\n            <\/div>\n        <\/div>\n\n        <button class=\"nav-btn next\" onclick=\"scrollSlider(450)\">\u2192<\/button>\n    <\/div>\n\n    <div class=\"view-all-container\">\n        <a href=\"https:\/\/giovanidesign.com\/index.php\/giovani-design-proekti\/\" class=\"btn-giovani\">\u0412\u0438\u0436 \u0432\u0441\u0438\u0447\u043a\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438<\/a>\n    <\/div>\n<\/section>\n\n<style>\n    .projects-showcase {\n        padding: 120px 0;\n        background: var(--bg);\n        width: 100%;\n        position: relative;\n        overflow: visible;\n    }\n    \n    .header-block { text-align: center; margin-bottom: 80px; padding: 0 6%; }\n    .section-title { font-family: var(--font-serif); font-size: 56px; font-style: italic; color: var(--dark); letter-spacing: 1px; }\n    .accent-line { width: 120px; height: 1px; background: var(--gold); margin: 20px auto 0; }\n\n    .showcase-wrapper { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 0 20px; }\n    \n    .projects-slider {\n        display: flex;\n        gap: 20px;\n        overflow-x: auto;\n        overflow-y: visible;\n        scroll-behavior: smooth;\n        padding: 20px 0;\n        scrollbar-width: none;\n        -webkit-overflow-scrolling: touch;\n        touch-action: pan-x pan-y;\n    }\n\n    .projects-slider::-webkit-scrollbar { display: none; }\n\n    .project-card { \n        min-width: 450px; height: 550px; position: relative; \n        background: #e0deda; transition: all 0.5s ease; cursor: pointer;\n        overflow: hidden; \n    }\n    .project-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }\n    .project-card:hover img { transform: scale(1.05); }\n    \n    .card-overlay { \n        position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px;\n        background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%);\n        color: #fff; opacity: 0; transition: 0.4s ease;\n    }\n    .project-card:hover .card-overlay { opacity: 1; }\n    .card-overlay h3 { \n        font-family: var(--font-serif); font-size: 28px; letter-spacing: 3px; \n        text-transform: uppercase; color: #ffffff; text-shadow: 2px 2px 8px rgba(0,0,0,0.8); margin: 0;\n    }\n\n    .nav-btn { \n        background: #fff; border: 1px solid var(--dark); width: 60px; height: 60px;\n        cursor: pointer; display: flex; align-items: center; justify-content: center;\n        transition: 0.3s; flex-shrink: 0; border-radius: 50%; z-index: 10;\n    }\n    .nav-btn:hover { background: var(--dark); color: #fff; }\n\n    .view-all-container { text-align: center; margin-top: 60px; }\n    .btn-giovani { \n        padding: 20px 45px; font-family: var(--font-accent); font-size: 11px; \n        text-transform: uppercase; color: var(--dark); background: transparent; \n        border: 1px solid var(--dark); cursor: pointer; transition: 0.3s; text-decoration: none;\n        display: inline-block;\n    }\n    .btn-giovani:hover { background: var(--dark); color: #fff; }\n\n    @media (max-width: 768px) {\n        .projects-showcase { padding: 60px 0; }\n        .section-title { font-size: 40px; }\n        .project-card { min-width: 280px; height: 400px; }\n        .nav-btn { display: none; }\n    }\n<\/style>\n\n<script>\n    function scrollSlider(amount) {\n        const slider = document.getElementById('projectSlider');\n        if (slider) {\n            slider.scrollBy({ left: amount, behavior: 'smooth' });\n        }\n    }\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_3 et_pb_row et_block_row\">\n<div class=\"et_pb_column_3 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!--\n  GIOVANI DESIGN \u2014 VIDEO PROJECTS\n  \u041f\u043e\u0441\u0442\u0430\u0432\u0435\u0442\u0435 \u0446\u0435\u043b\u0438\u044f \u043a\u043e\u0434 \u0432 \u0435\u0434\u0438\u043d Divi Code Module.\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&family=Open+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<section class=\"gd-video-stories\" data-gd-video-stories aria-labelledby=\"gd-video-stories-title\">\n    <div class=\"gd-video-stories__container\">\n        <header class=\"gd-video-stories__header\">\n            <p class=\"gd-video-stories__eyebrow\">\u0418\u0437\u0431\u0440\u0430\u043d\u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438<\/p>\n            <h2 class=\"gd-video-stories__title\" id=\"gd-video-stories-title\">\u041f\u0440\u043e\u0435\u043a\u0442\u0438 \u0432 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435<\/h2>\n        <\/header>\n\n        <div class=\"gd-video-stories__track\" data-video-track>\n            <article class=\"gd-video-card\" data-video-card>\n                <div class=\"gd-video-card__media\">\n                    <video\n                        class=\"gd-video-card__video\"\n                        src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/08\/BBQ-film.mp4#t=0.1\"\n                        muted\n                        loop\n                        playsinline\n                        preload=\"metadata\"\n                        aria-label=\"\u0412\u0438\u0434\u0435\u043e \u043e\u0442 BBQ \u043f\u0440\u043e\u0435\u043a\u0442\">\n                    <\/video>\n                    <span class=\"gd-video-card__number\" aria-hidden=\"true\">01<\/span>\n                    <button class=\"gd-video-card__sound\" type=\"button\" aria-label=\"\u0412\u043a\u043b\u044e\u0447\u0438 \u0437\u0432\u0443\u043a\u0430 \u0437\u0430 BBQ \u043f\u0440\u043e\u0435\u043a\u0442\" aria-pressed=\"false\">\n                        <svg class=\"gd-video-card__sound-off\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 9v6h4l5 4V5L8 9H4Zm12.5 1.5 3 3m0-3-3 3\" \/>\n                        <\/svg>\n                        <svg class=\"gd-video-card__sound-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 9v6h4l5 4V5L8 9H4Zm12-1.5a6 6 0 0 1 0 9m2.5-11.5a9 9 0 0 1 0 14\" \/>\n                        <\/svg>\n                        <span>\u0417\u0432\u0443\u043a<\/span>\n                    <\/button>\n                <\/div>\n                <div class=\"gd-video-card__meta\">\n                    <h3>BBQ \u043f\u0440\u043e\u0435\u043a\u0442<\/h3>\n                    <span>01 \/ 05<\/span>\n                <\/div>\n            <\/article>\n\n            <article class=\"gd-video-card\" data-video-card>\n                <div class=\"gd-video-card__media\">\n                    <video\n                        class=\"gd-video-card__video\"\n                        src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/08\/0630.mp4#t=0.1\"\n                        muted\n                        loop\n                        playsinline\n                        preload=\"metadata\"\n                        aria-label=\"\u0412\u0438\u0434\u0435\u043e \u043e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442 Roots Sofia\">\n                    <\/video>\n                    <span class=\"gd-video-card__number\" aria-hidden=\"true\">02<\/span>\n                    <button class=\"gd-video-card__sound\" type=\"button\" aria-label=\"\u0412\u043a\u043b\u044e\u0447\u0438 \u0437\u0432\u0443\u043a\u0430 \u0437\u0430 Roots Sofia\" aria-pressed=\"false\">\n                        <svg class=\"gd-video-card__sound-off\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 9v6h4l5 4V5L8 9H4Zm12.5 1.5 3 3m0-3-3 3\" \/>\n                        <\/svg>\n                        <svg class=\"gd-video-card__sound-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 9v6h4l5 4V5L8 9H4Zm12-1.5a6 6 0 0 1 0 9m2.5-11.5a9 9 0 0 1 0 14\" \/>\n                        <\/svg>\n                        <span>\u0417\u0432\u0443\u043a<\/span>\n                    <\/button>\n                <\/div>\n                <div class=\"gd-video-card__meta\">\n                    <h3>Roots Sofia<\/h3>\n                    <span>02 \/ 05<\/span>\n                <\/div>\n            <\/article>\n\n            <article class=\"gd-video-card\" data-video-card>\n                <div class=\"gd-video-card__media\">\n                    <video\n                        class=\"gd-video-card__video\"\n                        src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/08\/0707.mp4#t=0.1\"\n                        muted\n                        loop\n                        playsinline\n                        preload=\"metadata\"\n                        aria-label=\"\u0412\u0438\u0434\u0435\u043e \u043e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442 Roots Sofia 2\">\n                    <\/video>\n                    <span class=\"gd-video-card__number\" aria-hidden=\"true\">03<\/span>\n                    <button class=\"gd-video-card__sound\" type=\"button\" aria-label=\"\u0412\u043a\u043b\u044e\u0447\u0438 \u0437\u0432\u0443\u043a\u0430 \u0437\u0430 Roots Sofia 2\" aria-pressed=\"false\">\n                        <svg class=\"gd-video-card__sound-off\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 9v6h4l5 4V5L8 9H4Zm12.5 1.5 3 3m0-3-3 3\" \/>\n                        <\/svg>\n                        <svg class=\"gd-video-card__sound-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 9v6h4l5 4V5L8 9H4Zm12-1.5a6 6 0 0 1 0 9m2.5-11.5a9 9 0 0 1 0 14\" \/>\n                        <\/svg>\n                        <span>\u0417\u0432\u0443\u043a<\/span>\n                    <\/button>\n                <\/div>\n                <div class=\"gd-video-card__meta\">\n                    <h3>Roots Sofia 2<\/h3>\n                    <span>03 \/ 05<\/span>\n                <\/div>\n            <\/article>\n\n            <article class=\"gd-video-card\" data-video-card>\n                <div class=\"gd-video-card__media\">\n                    <video\n                        class=\"gd-video-card__video\"\n                        src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/09\/IMG_2129.mp4#t=0.1\"\n                        muted\n                        loop\n                        playsinline\n                        preload=\"metadata\"\n                        aria-label=\"\u0412\u0438\u0434\u0435\u043e \u043e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442 04\">\n                    <\/video>\n                    <span class=\"gd-video-card__number\" aria-hidden=\"true\">04<\/span>\n                    <button class=\"gd-video-card__sound\" type=\"button\" aria-label=\"\u0412\u043a\u043b\u044e\u0447\u0438 \u0437\u0432\u0443\u043a\u0430 \u0437\u0430 \u0432\u0438\u0434\u0435\u043e 04\" aria-pressed=\"false\">\n                        <svg class=\"gd-video-card__sound-off\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 9v6h4l5 4V5L8 9H4Zm12.5 1.5 3 3m0-3-3 3\" \/>\n                        <\/svg>\n                        <svg class=\"gd-video-card__sound-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 9v6h4l5 4V5L8 9H4Zm12-1.5a6 6 0 0 1 0 9m2.5-11.5a9 9 0 0 1 0 14\" \/>\n                        <\/svg>\n                        <span>\u0417\u0432\u0443\u043a<\/span>\n                    <\/button>\n                <\/div>\n                <div class=\"gd-video-card__meta\">\n                    <h3>\u041f\u0440\u043e\u0435\u043a\u0442 04<\/h3>\n                    <span>04 \/ 05<\/span>\n                <\/div>\n            <\/article>\n\n            <article class=\"gd-video-card\" data-video-card>\n                <div class=\"gd-video-card__media\">\n                    <video\n                        class=\"gd-video-card__video\"\n                        src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/09\/IMG_2136.mp4#t=0.1\"\n                        muted\n                        loop\n                        playsinline\n                        preload=\"metadata\"\n                        aria-label=\"\u0412\u0438\u0434\u0435\u043e \u043e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442 05\">\n                    <\/video>\n                    <span class=\"gd-video-card__number\" aria-hidden=\"true\">05<\/span>\n                    <button class=\"gd-video-card__sound\" type=\"button\" aria-label=\"\u0412\u043a\u043b\u044e\u0447\u0438 \u0437\u0432\u0443\u043a\u0430 \u0437\u0430 \u0432\u0438\u0434\u0435\u043e 05\" aria-pressed=\"false\">\n                        <svg class=\"gd-video-card__sound-off\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 9v6h4l5 4V5L8 9H4Zm12.5 1.5 3 3m0-3-3 3\" \/>\n                        <\/svg>\n                        <svg class=\"gd-video-card__sound-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 9v6h4l5 4V5L8 9H4Zm12-1.5a6 6 0 0 1 0 9m2.5-11.5a9 9 0 0 1 0 14\" \/>\n                        <\/svg>\n                        <span>\u0417\u0432\u0443\u043a<\/span>\n                    <\/button>\n                <\/div>\n                <div class=\"gd-video-card__meta\">\n                    <h3>\u041f\u0440\u043e\u0435\u043a\u0442 05<\/h3>\n                    <span>05 \/ 05<\/span>\n                <\/div>\n            <\/article>\n        <\/div>\n\n        <div class=\"gd-video-stories__mobile-nav\" aria-label=\"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u0432\u0438\u0434\u0435\u0430\u0442\u0430\">\n            <div class=\"gd-video-stories__dots\" role=\"tablist\" aria-label=\"\u0418\u0437\u0431\u0435\u0440\u0438 \u0432\u0438\u0434\u0435\u043e\">\n                <button type=\"button\" class=\"gd-video-stories__arrow\" data-video-prev aria-label=\"\u041f\u0440\u0435\u0434\u0438\u0448\u043d\u043e \u0432\u0438\u0434\u0435\u043e\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"15 5 8 12 15 19\"><\/polyline><\/svg><\/button>\n                <button type=\"button\" class=\"is-active\" data-video-dot=\"0\" role=\"tab\" aria-label=\"BBQ \u043f\u0440\u043e\u0435\u043a\u0442\" aria-selected=\"true\"><\/button>\n                <button type=\"button\" data-video-dot=\"1\" role=\"tab\" aria-label=\"Roots Sofia\" aria-selected=\"false\"><\/button>\n                <button type=\"button\" data-video-dot=\"2\" role=\"tab\" aria-label=\"Roots Sofia 2\" aria-selected=\"false\"><\/button>\n                <button type=\"button\" data-video-dot=\"3\" role=\"tab\" aria-label=\"\u041f\u0440\u043e\u0435\u043a\u0442 04\" aria-selected=\"false\"><\/button>\n                <button type=\"button\" data-video-dot=\"4\" role=\"tab\" aria-label=\"\u041f\u0440\u043e\u0435\u043a\u0442 05\" aria-selected=\"false\"><\/button>\n            \n                <button type=\"button\" class=\"gd-video-stories__arrow\" data-video-next aria-label=\"\u0421\u043b\u0435\u0434\u0432\u0430\u0449\u043e \u0432\u0438\u0434\u0435\u043e\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"9 5 16 12 9 19\"><\/polyline><\/svg><\/button>\n            <\/div>\n            <p class=\"gd-video-stories__swipe-hint\">\n                <span aria-hidden=\"true\">\u2190<\/span> \u041f\u043b\u044a\u0437\u043d\u0435\u0442\u0435, \u0437\u0430 \u0434\u0430 \u0440\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0442\u0435 <span aria-hidden=\"true\">\u2192<\/span>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    :root {\n        --gd-video-ink: #292725;\n        --gd-video-copy: #69635d;\n        --gd-video-gold: #b39a7d;\n        --gd-video-soft: #f7f5f2;\n        --gd-video-line: #ded8d1;\n        --gd-video-white: #fff;\n        --gd-video-serif: 'Cormorant Garamond', Georgia, serif;\n        --gd-video-sans: 'Open Sans', Arial, sans-serif;\n    }\n\n    .gd-video-stories,\n    .gd-video-stories * {\n        box-sizing: border-box;\n    }\n\n    .gd-video-stories {\n        position: relative;\n        left: 50%;\n        width: 100vw;\n        margin-left: -50vw;\n        padding: clamp(76px, 8vw, 118px) 24px clamp(82px, 9vw, 126px);\n        overflow: hidden;\n        color: var(--gd-video-ink);\n        background: var(--gd-video-soft);\n        font-family: var(--gd-video-sans);\n        -webkit-font-smoothing: antialiased;\n    }\n\n    .gd-video-stories__container {\n        width: min(1120px, 100%);\n        margin: 0 auto;\n    }\n\n    .gd-video-stories__header {\n        margin-bottom: clamp(42px, 5vw, 68px);\n        text-align: center;\n    }\n\n    .gd-video-stories__eyebrow {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 13px;\n        margin: 0 0 15px;\n        color: var(--gd-video-gold);\n        font: 600 10px\/1.4 var(--gd-video-sans);\n        letter-spacing: 0.23em;\n        text-transform: uppercase;\n    }\n\n    .gd-video-stories__eyebrow::before,\n    .gd-video-stories__eyebrow::after {\n        content: '';\n        width: 34px;\n        height: 1px;\n        background: currentColor;\n    }\n\n    .gd-video-stories__title {\n        margin: 0;\n        color: var(--gd-video-ink) !important;\n        font: 500 clamp(44px, 5.2vw, 66px)\/0.98 var(--gd-video-serif) !important;\n        letter-spacing: 0.02em;\n    }\n\n    .gd-video-stories__track {\n            display: flex;\n            gap: clamp(16px, 2.4vw, 30px);\n            padding-bottom: 18px;\n            overflow-x: auto;\n            overscroll-behavior-inline: contain;\n            scroll-snap-type: x mandatory;\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n            cursor: grab;\n        }\n\n        .gd-video-stories__track.is-dragging {\n            cursor: grabbing;\n            scroll-snap-type: none;\n        }\n\n    .gd-video-card {\n            min-width: 0;\n            flex: 0 0 clamp(190px, 17vw, 250px);\n            scroll-snap-align: start;\n        }\n\n    .gd-video-card__media {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 9 \/ 16;\n        overflow: hidden;\n        border: 1px solid rgba(41, 39, 37, 0.08);\n        background: #161514;\n        box-shadow: 0 18px 46px rgba(50, 43, 37, 0.10);\n    }\n\n    .gd-video-card__media::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(180deg, rgba(18, 16, 14, 0.12), transparent 24%, transparent 74%, rgba(18, 16, 14, 0.34));\n        pointer-events: none;\n    }\n\n    .gd-video-card__video {\n        display: block;\n        width: 100%;\n        height: 100%;\n        border: 0;\n        object-fit: cover;\n        pointer-events: none;\n    }\n\n    .gd-video-card__number {\n        position: absolute;\n        top: 16px;\n        left: 17px;\n        z-index: 2;\n        color: rgba(255, 255, 255, 0.9);\n        font: 500 10px\/1 var(--gd-video-sans);\n        letter-spacing: 0.18em;\n        text-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);\n    }\n\n    .gd-video-card__sound {\n        position: absolute;\n        right: 13px;\n        bottom: 13px;\n        z-index: 3;\n        display: inline-flex;\n        align-items: center;\n        gap: 7px;\n        min-height: 36px;\n        padding: 7px 11px;\n        color: var(--gd-video-white);\n        border: 1px solid rgba(255, 255, 255, 0.38);\n        border-radius: 99px;\n        background: rgba(23, 21, 19, 0.44);\n        backdrop-filter: blur(7px);\n        -webkit-backdrop-filter: blur(7px);\n        font: 600 8px\/1 var(--gd-video-sans);\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        cursor: pointer;\n        transition: background-color 180ms ease, border-color 180ms ease;\n        -webkit-tap-highlight-color: transparent;\n    }\n\n    .gd-video-card__sound:hover,\n    .gd-video-card__sound[aria-pressed='true'] {\n        border-color: rgba(255, 255, 255, 0.76);\n        background: rgba(23, 21, 19, 0.7);\n    }\n\n    .gd-video-card__sound svg {\n        width: 15px;\n        height: 15px;\n        fill: none;\n        stroke: currentColor;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        stroke-width: 1.6;\n    }\n\n    .gd-video-card__sound-on,\n    .gd-video-card__sound[aria-pressed='true'] .gd-video-card__sound-off {\n        display: none;\n    }\n\n    .gd-video-card__sound[aria-pressed='true'] .gd-video-card__sound-on {\n        display: block;\n    }\n\n    .gd-video-card__meta {\n        display: flex;\n        align-items: baseline;\n        justify-content: space-between;\n        gap: 18px;\n        padding: 24px 2px 0;\n    }\n\n    .gd-video-card__meta h3 {\n        margin: 0;\n        color: var(--gd-video-ink) !important;\n        font: 500 clamp(25px, 2.4vw, 32px)\/1.05 var(--gd-video-serif) !important;\n        letter-spacing: 0.025em;\n    }\n\n    .gd-video-card__meta > span {\n        flex: 0 0 auto;\n        color: var(--gd-video-gold);\n        font: 600 9px\/1 var(--gd-video-sans);\n        letter-spacing: 0.14em;\n    }\n\n    .gd-video-stories__mobile-nav {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 15px;\n            margin-top: 11px;\n        }\n\n    .gd-video-card__sound:focus-visible,\n    .gd-video-stories__dots button:focus-visible {\n        outline: 2px solid var(--gd-video-gold);\n        outline-offset: 3px;\n    }\n\n    @media (max-width: 760px) {\n        .gd-video-stories {\n            padding: 68px 16px 74px;\n        }\n\n        .gd-video-stories__header {\n            margin-bottom: 42px;\n        }\n\n        .gd-video-stories__eyebrow {\n            font-size: 9px;\n        }\n\n        .gd-video-stories__title {\n            font-size: clamp(40px, 12vw, 52px) !important;\n        }\n\n        .gd-video-stories__track {\n            display: flex;\n            gap: 14px;\n            width: auto;\n            margin: 0 -16px;\n            padding: 0 16px 18px;\n            overflow-x: auto;\n            overscroll-behavior-inline: contain;\n            scroll-padding-inline: 16px;\n            scroll-snap-type: x mandatory;\n            scrollbar-width: none;\n            -webkit-overflow-scrolling: touch;\n        }\n\n        .gd-video-stories__track::-webkit-scrollbar {\n            display: none;\n        }\n\n        .gd-video-card {\n            flex: 0 0 min(82vw, 330px);\n            scroll-snap-align: start;\n            scroll-snap-stop: always;\n        }\n\n        .gd-video-card__media {\n            box-shadow: 0 14px 34px rgba(50, 43, 37, 0.11);\n        }\n\n        .gd-video-card__meta {\n            padding-top: 20px;\n        }\n\n        .gd-video-card__meta h3 {\n            font-size: 29px !important;\n        }\n\n        .gd-video-stories__mobile-nav {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 15px;\n            margin-top: 11px;\n        }\n\n        .gd-video-stories__dots {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n        }\n\n        .gd-video-stories__dots button {\n            width: 7px;\n            height: 7px;\n            margin: 0;\n            padding: 0;\n            border: 0;\n            border-radius: 50%;\n            background: #cfc7bf;\n            cursor: pointer;\n            transition: width 200ms ease, border-radius 200ms ease, background-color 200ms ease;\n        }\n\n        .gd-video-stories__dots button.is-active {\n            width: 25px;\n            border-radius: 8px;\n            background: var(--gd-video-gold);\n        }\n\n        .gd-video-stories__swipe-hint {\n            margin: 0;\n            color: #888078;\n            font: 500 9px\/1.4 var(--gd-video-sans);\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n        }\n    }\n\n    @media (max-width: 380px) {\n        .gd-video-card {\n            flex-basis: 84vw;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .gd-video-stories__track {\n            scroll-behavior: auto !important;\n        }\n\n        .gd-video-stories__dots button,\n        .gd-video-card__sound {\n            transition: none;\n        }\n    }\n\n        .gd-video-card__meta h3 {\n            display: none;\n        }\n\n        .gd-video-stories__arrow {\n            display: inline-flex;\n            width: 54px;\n            height: 54px;\n            margin: 0 14px;\n            padding: 0;\n            align-items: center;\n            justify-content: center;\n            appearance: none;\n            border: 0 !important;\n            border-radius: 50% !important;\n            background: #1a1a1a !important;\n            color: #ffffff !important;\n            box-shadow: 0 6px 18px rgba(26, 26, 26, 0.18);\n            cursor: pointer;\n            transition: background-color 240ms ease, transform 240ms ease, box-shadow 240ms ease;\n        }\n\n        .gd-video-stories__arrow svg {\n            display: block;\n            width: 21px;\n            height: 21px;\n        }\n\n        .gd-video-stories__arrow:hover,\n        .gd-video-stories__arrow:focus-visible {\n            background: #b5a28a !important;\n            color: #ffffff !important;\n            transform: translateY(-2px);\n            box-shadow: 0 10px 24px rgba(181, 162, 138, 0.38);\n        }\n\n        .gd-video-stories__arrow[disabled] {\n            background: #ffffff !important;\n            border: 1px solid #e3ddd5 !important;\n            color: #c9c0b6 !important;\n            box-shadow: none;\n            transform: none;\n            cursor: default;\n        }\n\n        @media (max-width: 760px) {\n            .gd-video-stories__arrow { display: none; }\n        }\n\n        .gd-video-card__play {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            display: flex;\n            width: 58px;\n            height: 58px;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid rgba(255, 255, 255, 0.85);\n            border-radius: 50%;\n            background: rgba(26, 26, 26, 0.35);\n            color: #ffffff;\n            font: 400 20px\/1 Georgia, serif;\n            transform: translate(-50%, -50%);\n            transition: opacity 260ms ease;\n            pointer-events: none;\n        }\n\n        .gd-video-card.is-playing .gd-video-card__play {\n            opacity: 0;\n        }\n<\/style>\n\n<script>\n    (() => {\n        document.querySelectorAll('[data-gd-video-stories]').forEach((root) => {\n            if (root.dataset.gdVideoReady === 'true') return;\n            root.dataset.gdVideoReady = 'true';\n\n            const track = root.querySelector('[data-video-track]');\n            const cards = Array.from(root.querySelectorAll('[data-video-card]'));\n            const videos = cards.map((card) => card.querySelector('video'));\n            const soundButtons = cards.map((card) => card.querySelector('.gd-video-card__sound'));\n            const dots = Array.from(root.querySelectorAll('[data-video-dot]'));\n            const mobileQuery = window.matchMedia('(max-width: 760px)');\n            let activeIndex = 0;\n            let sectionVisible = false;\n            let scrollFrame = null;\n\n            const safePlay = (video) => {\n                const playPromise = video.play();\n                if (playPromise && typeof playPromise.catch === 'function') {\n                    playPromise.catch(() => {});\n                }\n            };\n\n            const syncPlayback = () => {\n                videos.forEach((video, index) => {\n                    const shouldPlay = sectionVisible && (!mobileQuery.matches || index === activeIndex);\n                    if (shouldPlay) safePlay(video);\n                    else video.pause();\n                });\n            };\n\n            const setActive = (nextIndex) => {\n                activeIndex = Math.max(0, Math.min(nextIndex, cards.length - 1));\n\n                dots.forEach((dot, index) => {\n                    const isActive = index === activeIndex;\n                    dot.classList.toggle('is-active', isActive);\n                    dot.setAttribute('aria-selected', String(isActive));\n                });\n\n                syncPlayback();\n            };\n\n            const findCenteredCard = () => {\n                if (!mobileQuery.matches) return;\n\n                const trackRect = track.getBoundingClientRect();\n                const trackCenter = trackRect.left + trackRect.width \/ 2;\n                let closestIndex = 0;\n                let closestDistance = Infinity;\n\n                cards.forEach((card, index) => {\n                    const rect = card.getBoundingClientRect();\n                    const cardCenter = rect.left + rect.width \/ 2;\n                    const distance = Math.abs(cardCenter - trackCenter);\n                    if (distance < closestDistance) {\n                        closestDistance = distance;\n                        closestIndex = index;\n                    }\n                });\n\n                setActive(closestIndex);\n            };\n\n            track.addEventListener('scroll', () => {\n                if (scrollFrame !== null) cancelAnimationFrame(scrollFrame);\n                scrollFrame = requestAnimationFrame(() => {\n                    findCenteredCard();\n                    scrollFrame = null;\n                });\n            }, { passive: true });\n\n            dots.forEach((dot, index) => {\n                dot.addEventListener('click', () => {\n                    cards[index].scrollIntoView({\n                        behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth',\n                        block: 'nearest',\n                        inline: 'center'\n                    });\n                    setActive(index);\n                });\n            });\n\n            soundButtons.forEach((button, index) => {\n                button.addEventListener('click', () => {\n                    const video = videos[index];\n                    const willEnableSound = video.muted;\n\n                    videos.forEach((item, videoIndex) => {\n                        item.muted = videoIndex === index ? !willEnableSound : true;\n                        const relatedButton = soundButtons[videoIndex];\n                        const soundIsOn = !item.muted;\n                        relatedButton.setAttribute('aria-pressed', String(soundIsOn));\n                        relatedButton.setAttribute(\n                            'aria-label',\n                            `${soundIsOn ? '\u0418\u0437\u043a\u043b\u044e\u0447\u0438' : '\u0412\u043a\u043b\u044e\u0447\u0438'} \u0437\u0432\u0443\u043a\u0430 \u0437\u0430 ${cards[videoIndex].querySelector('h3').textContent.trim()}`\n                        );\n                    });\n\n                    if (willEnableSound) safePlay(video);\n                });\n            });\n\n            const visibilityObserver = new IntersectionObserver((entries) => {\n                sectionVisible = entries[0].isIntersecting;\n                syncPlayback();\n            }, { threshold: 0.18 });\n\n            visibilityObserver.observe(root);\n\n            const handleBreakpointChange = () => {\n                if (!mobileQuery.matches) {\n                    activeIndex = 0;\n                    dots.forEach((dot, index) => {\n                        dot.classList.toggle('is-active', index === 0);\n                        dot.setAttribute('aria-selected', String(index === 0));\n                    });\n                } else {\n                    findCenteredCard();\n                }\n                syncPlayback();\n            };\n\n            if (typeof mobileQuery.addEventListener === 'function') {\n                mobileQuery.addEventListener('change', handleBreakpointChange);\n            } else if (typeof mobileQuery.addListener === 'function') {\n                mobileQuery.addListener(handleBreakpointChange);\n            }\n\n            handleBreakpointChange();\n        });\n    })();\n<\/script>\n\n\n<script>\n\/* \u041f\u043b\u044a\u0437\u0433\u0430\u043d\u0435 \u0441 \u043c\u0438\u0448\u043a\u0430 \u0438 \u0441\u0438\u043d\u0445\u0440\u043e\u043d \u043d\u0430 \u0442\u043e\u0447\u043a\u0438\u0442\u0435 \u0437\u0430 \u0435\u043a\u0440\u0430\u043d\u0438 \u043d\u0430\u0434 760px.\n   \u041c\u043e\u0431\u0438\u043b\u043d\u043e\u0442\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0441\u0442\u0430\u0432\u0430 \u0432 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u043d\u0438\u044f \u0441\u043a\u0440\u0438\u043f\u0442 \u043f\u043e-\u0433\u043e\u0440\u0435. *\/\n(() => {\n    'use strict';\n    const wide = window.matchMedia('(min-width: 761px)');\n\n    document.querySelectorAll('[data-gd-video-stories]').forEach((root) => {\n        const track = root.querySelector('[data-video-track]');\n        const cards = [...root.querySelectorAll('[data-video-card]')];\n        const dots = [...root.querySelectorAll('[data-video-dot]')];\n        if (!track || !cards.length || track.dataset.gdDragReady === 'true') return;\n        track.dataset.gdDragReady = 'true';\n\n        let down = false, moved = 0, startX = 0, startScroll = 0;\n\n        track.addEventListener('pointerdown', (event) => {\n            if (!wide.matches || event.pointerType === 'touch') return;\n            down = true; moved = 0;\n            startX = event.clientX;\n            startScroll = track.scrollLeft;\n        });\n\n        track.addEventListener('pointermove', (event) => {\n            if (!down) return;\n            const dx = event.clientX - startX;\n            if (Math.abs(dx) > 4) {\n                moved = Math.abs(dx);\n                track.classList.add('is-dragging');\n                track.scrollLeft = startScroll - dx;\n                event.preventDefault();\n            }\n        });\n\n        const release = () => {\n            if (!down) return;\n            down = false;\n            window.setTimeout(() => track.classList.remove('is-dragging'), 40);\n        };\n\n        ['pointerup', 'pointercancel', 'pointerleave'].forEach((type) => track.addEventListener(type, release));\n\n        const sync = () => {\n            if (!wide.matches || !dots.length) return;\n            const center = track.scrollLeft + track.clientWidth \/ 2;\n            let best = 0, bestDist = Infinity;\n            cards.forEach((card, index) => {\n                const mid = card.offsetLeft + card.offsetWidth \/ 2;\n                const dist = Math.abs(mid - center);\n                if (dist < bestDist) { bestDist = dist; best = index; }\n            });\n            dots.forEach((dot, index) => {\n                dot.classList.toggle('is-active', index === best);\n                dot.setAttribute('aria-selected', index === best ? 'true' : 'false');\n            });\n        };\n\n        track.addEventListener('scroll', () => window.requestAnimationFrame(sync), { passive: true });\n\n        dots.forEach((dot, index) => {\n            dot.addEventListener('click', () => {\n                if (!wide.matches) return;\n                const card = cards[index];\n                if (card) track.scrollTo({ left: card.offsetLeft - track.offsetLeft, behavior: 'smooth' });\n            });\n        });\n\n        const step = () => {\n            if (cards.length < 2) return cards[0] ? cards[0].offsetWidth : 300;\n            return cards[1].offsetLeft - cards[0].offsetLeft;\n        };\n\n        const prevBtn = root.querySelector('[data-video-prev]');\n        const nextBtn = root.querySelector('[data-video-next]');\n\n        if (prevBtn) prevBtn.addEventListener('click', () => track.scrollBy({ left: -step(), behavior: 'smooth' }));\n        if (nextBtn) nextBtn.addEventListener('click', () => track.scrollBy({ left: step(), behavior: 'smooth' }));\n\n        const syncArrows = () => {\n            if (!prevBtn || !nextBtn) return;\n            const max = track.scrollWidth - track.clientWidth - 2;\n            prevBtn.disabled = track.scrollLeft <= 2;\n            nextBtn.disabled = track.scrollLeft >= max;\n        };\n\n        track.addEventListener('scroll', () => window.requestAnimationFrame(syncArrows), { passive: true });\n        window.addEventListener('resize', syncArrows);\n        syncArrows();\n\n        const wide2 = window.matchMedia('(min-width: 761px)');\n        cards.forEach((card) => {\n            const video = card.querySelector('video');\n            if (!video) return;\n            video.autoplay = false;\n            video.removeAttribute('autoplay');\n\n            const badge = document.createElement('span');\n            badge.className = 'gd-video-card__play';\n            badge.setAttribute('aria-hidden', 'true');\n            badge.textContent = '\\u25B6';\n            const media = card.querySelector('.gd-video-card__media') || card;\n            media.appendChild(badge);\n\n            video.addEventListener('play', () => {\n                if (!video.dataset.gdAllowed) { video.pause(); return; }\n                card.classList.add('is-playing');\n            });\n            video.addEventListener('pause', () => card.classList.remove('is-playing'));\n\n            const start = () => { video.dataset.gdAllowed = '1'; const q = video.play(); if (q && q.catch) q.catch(() => {}); };\n            const stop = () => { delete video.dataset.gdAllowed; video.pause(); };\n\n            card.addEventListener('pointerenter', (e) => { if (wide2.matches && e.pointerType !== 'touch') start(); });\n            card.addEventListener('pointerleave', () => { if (wide2.matches) stop(); });\n            media.addEventListener('click', () => {\n                if (video.dataset.gdAllowed && !video.paused) stop(); else start();\n            });\n        });\n\n        sync();\n    });\n})();\n<\/script>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_4 et_pb_row et_block_row\">\n<div class=\"et_pb_column_4 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><meta charset=\"UTF-8\">\n\n<!--\n  GIOVANI DESIGN \u2014 Testimonials carousel\n  \u041f\u043e\u0441\u0442\u0430\u0432\u0435\u0442\u0435 \u0446\u0435\u043b\u0438\u044f \u0431\u043b\u043e\u043a \u0432 \u0435\u0434\u0438\u043d Divi Code Module.\n  \u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044a\u0442 \u0435 \u0438\u0437\u043e\u043b\u0438\u0440\u0430\u043d \u0441 \u043f\u0440\u0435\u0444\u0438\u043a\u0441 gd-testimonials \u0438 \u043d\u0435 \u0438\u0437\u0438\u0441\u043a\u0432\u0430 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430.\n-->\n\n<section class=\"gd-testimonials\" data-gd-testimonials lang=\"bg\" aria-labelledby=\"gd-testimonials-title\">\n  <div class=\"gd-testimonials__inner\">\n    <header class=\"gd-testimonials__header\">\n      <div>\n        <p class=\"gd-testimonials__eyebrow\">\u0414\u041e\u0412\u0415\u0420\u0418\u0415, \u0418\u0417\u0413\u0420\u0410\u0414\u0415\u041d\u041e \u0421 \u0412\u0420\u0415\u041c\u0415\u0422\u041e<\/p>\n        <h2 id=\"gd-testimonials-title\">\u041a\u0430\u043a\u0432\u043e \u043a\u0430\u0437\u0432\u0430\u0442 <em>\u043a\u043b\u0438\u0435\u043d\u0442\u0438\u0442\u0435<\/em><\/h2>\n      <\/div>\n      <p class=\"gd-testimonials__intro\">\n        \u0412\u0441\u0435\u043a\u0438 \u043f\u0440\u043e\u0435\u043a\u0442 \u0437\u0430\u043f\u043e\u0447\u0432\u0430 \u0441 \u0434\u043e\u0432\u0435\u0440\u0438\u0435 \u0438 \u0437\u0430\u0432\u044a\u0440\u0448\u0432\u0430 \u0441 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e, \u043a\u043e\u0435\u0442\u043e \u0441\u0435 \u0443\u0441\u0435\u0449\u0430 \u043b\u0438\u0447\u043d\u043e.\n      <\/p>\n    <\/header>\n\n    <div class=\"gd-testimonials__rule\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"gd-testimonials__carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"\u041a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0438 \u043e\u0442\u0437\u0438\u0432\u0438\">\n      <div class=\"gd-testimonials__viewport\" tabindex=\"0\">\n        <div class=\"gd-testimonials__track\">\n          <article class=\"gd-testimonial\" aria-label=\"\u041e\u0442\u0437\u0438\u0432 \u043e\u0442 \u041c\u0438\u043b\u0435\u043d \u0438 \u041c\u0438\u043b\u0435\u043d\u0430\">\n            <span class=\"gd-testimonial__quote-mark\" aria-hidden=\"true\">\u201c<\/span>\n            <div class=\"gd-testimonial__top\">\n              <div class=\"gd-testimonial__stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n              <span class=\"gd-testimonial__rating\">5.0<\/span>\n            <\/div>\n            <p class=\"gd-testimonial__sr-only\">\u041e\u0446\u0435\u043d\u043a\u0430 5 \u043e\u0442 5 \u0437\u0432\u0435\u0437\u0434\u0438<\/p>\n            <blockquote>\n              \u201e\u041c\u043d\u043e\u0433\u043e \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c, \u0412\u0430\u043b\u0435\u0440\u0438\u044f! \u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0441 \u0433\u043b\u0430\u0432\u043d\u0430 \u0431\u0443\u043a\u0432\u0430. \u0422\u044f \u0449\u0435 \u0432\u0437\u0435\u043c\u0435 \u043f\u0440\u0435\u0434\u0432\u0438\u0434 \u0432\u0441\u0438\u0447\u043a\u0438 \u0432\u0430\u0448\u0438 \u0436\u0435\u043b\u0430\u043d\u0438\u044f \u0438 \u0449\u0435 \u043d\u0430\u043f\u0440\u0430\u0432\u0438 \u043d\u0435\u0449\u043e \u043d\u0435\u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e. \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c \u0438 \u0437\u0430 \u043f\u0440\u0438\u044f\u0442\u043d\u0430\u0442\u0430 \u0438\u0437\u043d\u0435\u043d\u0430\u0434\u0430 \u2014 \u0432\u0445\u043e\u0434\u043d\u0430\u0442\u0430 \u0438\u0437\u0442\u0440\u0438\u0432\u0430\u043b\u043a\u0430.\u201c\n            <\/blockquote>\n            <footer class=\"gd-testimonial__footer\">\n              <div>\n                <strong>\u041c\u0438\u043b\u0435\u043d \u0438 \u041c\u0438\u043b\u0435\u043d\u0430<\/strong>\n                <span>\u0427\u0430\u0441\u0442\u0435\u043d \u0438\u043d\u0442\u0435\u0440\u0438\u043e\u0440<\/span>\n              <\/div>\n              <span class=\"gd-testimonial__source\">\u041a\u041b\u0418\u0415\u041d\u0422\u0421\u041a\u0418 \u041e\u0422\u0417\u0418\u0412<\/span>\n            <\/footer>\n          <\/article>\n\n          <article class=\"gd-testimonial\" aria-label=\"\u041e\u0442\u0437\u0438\u0432 \u043e\u0442 Shift Pilates Odesa\">\n            <span class=\"gd-testimonial__quote-mark\" aria-hidden=\"true\">\u201c<\/span>\n            <div class=\"gd-testimonial__top\">\n              <div class=\"gd-testimonial__stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n              <span class=\"gd-testimonial__rating\">5.0<\/span>\n            <\/div>\n            <p class=\"gd-testimonial__sr-only\">\u041e\u0446\u0435\u043d\u043a\u0430 5 \u043e\u0442 5 \u0437\u0432\u0435\u0437\u0434\u0438<\/p>\n            <blockquote>\n              \u201e\u0412\u0438\u0435 \u0432\u044a\u043f\u043b\u044a\u0442\u0438\u0445\u0442\u0435 \u0432\u0441\u0438\u0447\u043a\u0438\u0442\u0435 \u043d\u0438 \u0436\u0435\u043b\u0430\u043d\u0438\u044f \u0438 \u043f\u0440\u0435\u0432\u044a\u0440\u043d\u0430\u0445\u0442\u0435 \u043c\u0435\u0447\u0442\u0430\u0442\u0430 \u043d\u0438 \u0432 \u0440\u0435\u0430\u043b\u043d\u043e\u0441\u0442. \u041d\u043e\u0432\u043e\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0432\u0441\u0435\u043a\u0438 \u0434\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0432\u0430 \u043e\u0433\u0440\u043e\u043c\u0435\u043d \u0431\u0440\u043e\u0439 \u043a\u043e\u043c\u043f\u043b\u0438\u043c\u0435\u043d\u0442\u0438. \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c \u0437\u0430 \u043f\u043e\u0434\u043a\u0440\u0435\u043f\u0430\u0442\u0430 \u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u0430\u0442\u0430 \u043f\u043e\u043c\u043e\u0449.\u201c\n            <\/blockquote>\n            <footer class=\"gd-testimonial__footer\">\n              <div>\n                <strong>Shift Pilates Odesa<\/strong>\n                <span>\u041f\u0438\u043b\u0430\u0442\u0435\u0441 \u0441\u0442\u0443\u0434\u0438\u043e \u00b7 \u041e\u0434\u0435\u0441\u0430<\/span>\n              <\/div>\n              <span class=\"gd-testimonial__source\">INSTAGRAM<\/span>\n            <\/footer>\n          <\/article>\n\n          <article class=\"gd-testimonial\" aria-label=\"\u041e\u0442\u0437\u0438\u0432 \u043e\u0442 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u0438\u0446\u0438 \u043d\u0430 \u0447\u0430\u0441\u0442\u0435\u043d \u0430\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\">\n            <span class=\"gd-testimonial__quote-mark\" aria-hidden=\"true\">\u201c<\/span>\n            <div class=\"gd-testimonial__top\">\n              <div class=\"gd-testimonial__stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n              <span class=\"gd-testimonial__rating\">5.0<\/span>\n            <\/div>\n            <p class=\"gd-testimonial__sr-only\">\u041e\u0446\u0435\u043d\u043a\u0430 5 \u043e\u0442 5 \u0437\u0432\u0435\u0437\u0434\u0438<\/p>\n            <blockquote>\n              \u201e\u0420\u0430\u0431\u043e\u0442\u0430\u0442\u0430 \u043d\u0430 \u0412\u0430\u043b\u0435\u0440\u0438\u044f \u0441\u0435 \u043e\u0442\u043b\u0438\u0447\u0430\u0432\u0430\u0448\u0435 \u0441 \u043e\u0433\u0440\u043e\u043c\u043d\u043e \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043a\u044a\u043c \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u043e\u0442\u043e \u2014 \u0432\u0441\u0438\u0447\u043a\u043e \u0431\u0435\u0448\u0435 \u043f\u0440\u0435\u043c\u0438\u0441\u043b\u0435\u043d\u043e \u0434\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u044f \u0434\u0435\u0442\u0430\u0439\u043b. \u041f\u043e \u0432\u0440\u0435\u043c\u0435 \u043d\u0430 \u0446\u0435\u043b\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u0441 \u0442\u044f \u0431\u0435\u0448\u0435 \u0434\u043e \u043d\u0430\u0441 \u0438 \u0432\u0441\u0435\u043a\u0438 \u0432\u044a\u043f\u0440\u043e\u0441 \u0441\u0435 \u0440\u0435\u0448\u0430\u0432\u0430\u0448\u0435 \u0438\u0437\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u043d\u043e \u0431\u044a\u0440\u0437\u043e.\u201c\n            <\/blockquote>\n            <footer class=\"gd-testimonial__footer\">\n              <div>\n                <strong>\u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u0438\u0446\u0438 \u043d\u0430 \u0430\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<\/strong>\n                <span>\u0426\u044f\u043b\u043e\u0441\u0442\u0435\u043d \u0438\u043d\u0442\u0435\u0440\u0438\u043e\u0440\u0435\u043d \u043f\u0440\u043e\u0435\u043a\u0442<\/span>\n              <\/div>\n              <span class=\"gd-testimonial__source\">\u0410\u0420\u0425\u0418\u0412\u0415\u041d \u041e\u0422\u0417\u0418\u0412<\/span>\n            <\/footer>\n          <\/article>\n\n          <article class=\"gd-testimonial\" aria-label=\"\u041e\u0442\u0437\u0438\u0432 \u043e\u0442 \u0410\u043d\u043d\u0430 \u0422\u0438\u043c\u0435\u0440\u0431\u0443\u043b\u0430\u0442\u043e\u0432\u0430\">\n            <span class=\"gd-testimonial__quote-mark\" aria-hidden=\"true\">\u201c<\/span>\n            <div class=\"gd-testimonial__top\">\n              <div class=\"gd-testimonial__stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n              <span class=\"gd-testimonial__rating\">5.0<\/span>\n            <\/div>\n            <p class=\"gd-testimonial__sr-only\">\u041e\u0446\u0435\u043d\u043a\u0430 5 \u043e\u0442 5 \u0437\u0432\u0435\u0437\u0434\u0438<\/p>\n            <blockquote>\n              \u201e\u041e\u0431\u0435\u043c\u044a\u0442 \u0440\u0430\u0431\u043e\u0442\u0430 \u0438 \u0443\u0441\u0438\u043b\u0438\u044f, \u0431\u0440\u043e\u044f\u0442 \u0430\u043d\u0433\u0430\u0436\u0438\u0440\u0430\u043d\u0438 \u0445\u043e\u0440\u0430 \u2014 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u044f\u043c\u0430\u043c \u0434\u0443\u043c\u0438. \u041e\u0442 \u0438\u0434\u0435\u044f\u0442\u0430 \u0434\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\u0442\u0430 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435\u0442\u043e. \u041a\u043e\u0433\u0430\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u044f \u0437\u0430 \u0447\u043e\u0432\u0435\u0448\u043a\u0438 \u0440\u0435\u0441\u0443\u0440\u0441, \u0442\u043e\u0447\u043d\u043e \u0442\u043e\u0432\u0430 \u0438\u043c\u0430\u043c \u043f\u0440\u0435\u0434\u0432\u0438\u0434. \u0411\u0435\u0437\u043a\u0440\u0430\u0439\u043d\u043e \u0432\u044a\u0437\u0445\u0438\u0449\u0435\u043d\u0438\u0435.\u201c\n            <\/blockquote>\n            <footer class=\"gd-testimonial__footer\">\n              <div>\n                <strong>\u0410\u043d\u043d\u0430 \u0422\u0438\u043c\u0435\u0440\u0431\u0443\u043b\u0430\u0442\u043e\u0432\u0430<\/strong>\n                <span>Roots Sofia<\/span>\n              <\/div>\n              <span class=\"gd-testimonial__source\">INSTAGRAM<\/span>\n            <\/footer>\n          <\/article>\n        <\/div>\n      <\/div>\n\n      <div class=\"gd-testimonials__controls\">\n        <p class=\"gd-testimonials__hint\">\u041f\u043b\u044a\u0437\u043d\u0435\u0442\u0435, \u0437\u0430 \u0434\u0430 \u0440\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0442\u0435<\/p>\n        <div class=\"gd-testimonials__dots\" aria-label=\"\u0418\u0437\u0431\u043e\u0440 \u043d\u0430 \u043e\u0442\u0437\u0438\u0432\"><\/div>\n        <div class=\"gd-testimonials__arrows\">\n          <button class=\"gd-testimonials__arrow gd-testimonials__prev\" type=\"button\" aria-label=\"\u041f\u0440\u0435\u0434\u0438\u0448\u0435\u043d \u043e\u0442\u0437\u0438\u0432\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14.5 5 7.5 12l7 7\"\/><\/svg>\n          <\/button>\n          <button class=\"gd-testimonials__arrow gd-testimonials__next\" type=\"button\" aria-label=\"\u0421\u043b\u0435\u0434\u0432\u0430\u0449 \u043e\u0442\u0437\u0438\u0432\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m9.5 5 7 7-7 7\"\/><\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <p class=\"gd-testimonials__status gd-testimonial__sr-only\" aria-live=\"polite\"><\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .gd-testimonials {\n    --gd-bg: #fbfbfa;\n    --gd-ink: #1a1a1a;\n    --gd-text: #555555;\n    --gd-muted: #888888;\n    --gd-gold: #b5a28a;\n    --gd-line: #e0deda;\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding: clamp(76px, 9vw, 128px) 0 clamp(70px, 8vw, 112px);\n    background: var(--gd-bg);\n    color: var(--gd-ink);\n    isolation: isolate;\n  }\n\n  .gd-testimonials::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    top: -210px;\n    right: -120px;\n    width: 420px;\n    aspect-ratio: 0.78;\n    border: 1px solid rgba(181, 162, 138, 0.24);\n    border-radius: 48% 52% 45% 55% \/ 58% 44% 56% 42%;\n    transform: rotate(18deg);\n    pointer-events: none;\n  }\n\n  .gd-testimonials,\n  .gd-testimonials * {\n    box-sizing: border-box;\n  }\n\n  .gd-testimonials__inner {\n    width: min(1080px, calc(100% - 48px));\n    margin-inline: auto;\n  }\n\n  .gd-testimonials__header {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);\n    align-items: end;\n    gap: clamp(32px, 6vw, 84px);\n  }\n\n  .gd-testimonials__eyebrow {\n    margin: 0 0 18px;\n    color: var(--gd-gold);\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.4;\n    letter-spacing: 0.34em;\n  }\n\n  .gd-testimonials h2 {\n    max-width: 720px;\n    margin: 0;\n    color: var(--gd-ink);\n    font-family: \"Playfair Display\", Georgia, serif;\n    font-size: clamp(42px, 5vw, 58px);\n    font-weight: 400;\n    line-height: 1.03;\n    letter-spacing: -0.025em;\n  }\n\n  .gd-testimonials h2 em {\n    color: var(--gd-gold);\n    font-weight: 400;\n  }\n\n  .gd-testimonials__intro {\n    margin: 0 0 4px;\n    color: var(--gd-text);\n    font-family: \"Inter\", \"Open Sans\", Arial, sans-serif;\n    font-size: 15px;\n    font-weight: 300;\n    line-height: 1.75;\n  }\n\n  .gd-testimonials__rule {\n    width: 100%;\n    height: 1px;\n    margin: clamp(34px, 5vw, 58px) 0 26px;\n    background: linear-gradient(90deg, var(--gd-gold) 0 74px, var(--gd-line) 74px 100%);\n  }\n\n  .gd-testimonials__viewport {\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 10px 2px 30px;\n    scroll-behavior: smooth;\n    scroll-snap-type: x mandatory;\n    scroll-padding-inline: 2px;\n    scrollbar-width: none;\n    -webkit-overflow-scrolling: touch;\n    cursor: grab;\n    outline: none;\n  }\n\n  .gd-testimonials__viewport:active {\n    cursor: grabbing;\n  }\n\n  .gd-testimonials__viewport::-webkit-scrollbar {\n    display: none;\n  }\n\n  .gd-testimonials__viewport:focus-visible {\n    outline: 1px solid var(--gd-gold);\n    outline-offset: 5px;\n  }\n\n  .gd-testimonials__track {\n    display: grid;\n    grid-auto-flow: column;\n    grid-auto-columns: calc((100% - 24px) \/ 2);\n    gap: 24px;\n  }\n\n  .gd-testimonial {\n    position: relative;\n    display: flex;\n    min-width: 0;\n    min-height: 376px;\n    flex-direction: column;\n    overflow: hidden;\n    padding: clamp(30px, 4vw, 42px);\n    border: 1px solid var(--gd-line);\n    border-radius: 2px 28px 2px 28px;\n    background: #ffffff;\n    box-shadow: 0 18px 48px rgba(26, 26, 26, 0.055);\n    scroll-snap-align: start;\n  }\n\n  .gd-testimonial::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 74px;\n    height: 2px;\n    background: var(--gd-gold);\n  }\n\n  .gd-testimonial__quote-mark {\n    position: absolute;\n    top: 11px;\n    right: 24px;\n    color: rgba(181, 162, 138, 0.14);\n    font-family: \"Playfair Display\", Georgia, serif;\n    font-size: 94px;\n    font-weight: 400;\n    line-height: 1;\n    pointer-events: none;\n  }\n\n  .gd-testimonial__top {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 26px;\n  }\n\n  .gd-testimonial__stars {\n    position: relative;\n    z-index: 1;\n    color: var(--gd-gold);\n    font-family: Arial, sans-serif;\n    font-size: 18px;\n    line-height: 1;\n    letter-spacing: 0.18em;\n  }\n\n  .gd-testimonial__rating {\n    color: var(--gd-muted);\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.18em;\n  }\n\n  .gd-testimonial blockquote {\n    position: relative;\n    z-index: 1;\n    margin: 0;\n    color: #333333;\n    font-family: \"Playfair Display\", Georgia, serif;\n    font-size: clamp(19px, 1.7vw, 22px);\n    font-weight: 400;\n    line-height: 1.5;\n    letter-spacing: -0.01em;\n    hyphens: auto;\n  }\n\n  .gd-testimonial__footer {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 18px;\n    margin-top: auto;\n    padding-top: 28px;\n  }\n\n  .gd-testimonial__footer > div {\n    min-width: 0;\n  }\n\n  .gd-testimonial__footer strong,\n  .gd-testimonial__footer span {\n    display: block;\n  }\n\n  .gd-testimonial__footer strong {\n    color: var(--gd-ink);\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.45;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .gd-testimonial__footer > div > span {\n    margin-top: 5px;\n    color: var(--gd-muted);\n    font-family: \"Inter\", \"Open Sans\", Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 300;\n    line-height: 1.45;\n  }\n\n  .gd-testimonial__source {\n    flex: 0 0 auto;\n    color: var(--gd-gold);\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 8px;\n    font-weight: 600;\n    line-height: 1.4;\n    letter-spacing: 0.16em;\n    text-align: right;\n  }\n\n  .gd-testimonials__controls {\n    display: grid;\n    grid-template-columns: 1fr auto auto;\n    align-items: center;\n    gap: 28px;\n    margin-top: 8px;\n  }\n\n  .gd-testimonials__hint {\n    margin: 0;\n    color: var(--gd-muted);\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n  }\n\n  .gd-testimonials__dots {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n  }\n\n  .gd-testimonials__dot {\n    width: 6px;\n    height: 6px;\n    padding: 0;\n    border: 0;\n    border-radius: 50%;\n    background: #d2cec8;\n    cursor: pointer;\n    transition: width 220ms ease, border-radius 220ms ease, background-color 220ms ease;\n  }\n\n  .gd-testimonials__dot[aria-current=\"true\"] {\n    width: 28px;\n    border-radius: 999px;\n    background: var(--gd-gold);\n  }\n\n  .gd-testimonials__arrows {\n    display: flex;\n    gap: 10px;\n  }\n\n  .gd-testimonials__arrow {\n    display: grid;\n    width: 48px;\n    height: 48px;\n    padding: 0;\n    place-items: center;\n    border: 1px solid #cfcac3;\n    border-radius: 50%;\n    background: transparent;\n    color: var(--gd-ink);\n    cursor: pointer;\n    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, opacity 180ms ease;\n  }\n\n  .gd-testimonials__arrow svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .gd-testimonials__arrow:hover:not(:disabled),\n  .gd-testimonials__arrow:focus-visible:not(:disabled) {\n    border-color: var(--gd-ink);\n    background: var(--gd-ink);\n    color: #ffffff;\n  }\n\n  .gd-testimonials__arrow:focus-visible,\n  .gd-testimonials__dot:focus-visible {\n    outline: 2px solid var(--gd-gold);\n    outline-offset: 3px;\n  }\n\n  .gd-testimonials__arrow:disabled {\n    cursor: default;\n    opacity: 0.32;\n  }\n\n  .gd-testimonial__sr-only {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    overflow: hidden !important;\n    clip: rect(0, 0, 0, 0) !important;\n    white-space: nowrap !important;\n    border: 0 !important;\n  }\n\n  @media (max-width: 760px) {\n    .gd-testimonials {\n      padding: 72px 0 64px;\n    }\n\n    .gd-testimonials::after {\n      top: -130px;\n      right: -160px;\n      width: 300px;\n    }\n\n    .gd-testimonials__inner {\n      width: calc(100% - 32px);\n    }\n\n    .gd-testimonials__header {\n      grid-template-columns: 1fr;\n      gap: 22px;\n    }\n\n    .gd-testimonials__eyebrow {\n      margin-bottom: 14px;\n      font-size: 9px;\n      letter-spacing: 0.28em;\n    }\n\n    .gd-testimonials h2 {\n      max-width: 330px;\n      font-size: clamp(38px, 11vw, 46px);\n      line-height: 1.04;\n    }\n\n    .gd-testimonials__intro {\n      max-width: 330px;\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    .gd-testimonials__rule {\n      margin: 30px 0 20px;\n    }\n\n    .gd-testimonials__viewport {\n      margin-right: -16px;\n      padding: 8px 16px 26px 1px;\n      scroll-padding-inline: 1px;\n    }\n\n    .gd-testimonials__track {\n      grid-auto-columns: 88%;\n      gap: 14px;\n    }\n\n    .gd-testimonial {\n      min-height: 430px;\n      padding: 30px 24px 26px;\n      border-radius: 2px 24px 2px 24px;\n    }\n\n    .gd-testimonial__quote-mark {\n      top: 8px;\n      right: 18px;\n      font-size: 80px;\n    }\n\n    .gd-testimonial__top {\n      margin-bottom: 24px;\n    }\n\n    .gd-testimonial blockquote {\n      font-size: 19px;\n      line-height: 1.52;\n    }\n\n    .gd-testimonial__footer {\n      display: block;\n      padding-top: 24px;\n    }\n\n    .gd-testimonial__source {\n      margin-top: 12px;\n      text-align: left;\n    }\n\n    .gd-testimonials__controls {\n      grid-template-columns: 1fr auto;\n      gap: 18px;\n      margin-top: 4px;\n    }\n\n    .gd-testimonials__hint {\n      display: none;\n    }\n\n    .gd-testimonials__dots {\n      justify-content: flex-start;\n    }\n\n    .gd-testimonials__arrow {\n      width: 44px;\n      height: 44px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .gd-testimonials__viewport {\n      scroll-behavior: auto;\n    }\n\n    .gd-testimonials__dot,\n    .gd-testimonials__arrow {\n      transition: none;\n    }\n  }\n<\/style>\n\n<script>\n  (() => {\n    const carousels = document.querySelectorAll(\"[data-gd-testimonials]\");\n\n    carousels.forEach((section) => {\n      if (section.dataset.gdReady === \"true\") return;\n      section.dataset.gdReady = \"true\";\n\n      const viewport = section.querySelector(\".gd-testimonials__viewport\");\n      const slides = [...section.querySelectorAll(\".gd-testimonial\")];\n      const dotsWrap = section.querySelector(\".gd-testimonials__dots\");\n      const prev = section.querySelector(\".gd-testimonials__prev\");\n      const next = section.querySelector(\".gd-testimonials__next\");\n      const status = section.querySelector(\".gd-testimonials__status\");\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\n      let positions = [];\n      let activePage = 0;\n      let scrollFrame = 0;\n      let resizeTimer = 0;\n\n      const makePositions = () => {\n        const maxLeft = Math.max(0, viewport.scrollWidth - viewport.clientWidth);\n        const nextPositions = slides.map((slide) => Math.min(slide.offsetLeft, maxLeft));\n\n        positions = nextPositions.filter((position, index, list) => {\n          return index === 0 || Math.abs(position - list[index - 1]) > 2;\n        });\n\n        dotsWrap.replaceChildren();\n        positions.forEach((_, index) => {\n          const dot = document.createElement(\"button\");\n          dot.type = \"button\";\n          dot.className = \"gd-testimonials__dot\";\n          dot.setAttribute(\"aria-label\", `\u041f\u043e\u043a\u0430\u0436\u0438 \u043e\u0442\u0437\u0438\u0432 ${index + 1}`);\n          dot.addEventListener(\"click\", () => goTo(index));\n          dotsWrap.appendChild(dot);\n        });\n\n        update();\n      };\n\n      const closestPage = () => {\n        let closest = 0;\n        let distance = Infinity;\n\n        positions.forEach((position, index) => {\n          const currentDistance = Math.abs(viewport.scrollLeft - position);\n          if (currentDistance < distance) {\n            distance = currentDistance;\n            closest = index;\n          }\n        });\n\n        return closest;\n      };\n\n      const update = () => {\n        activePage = closestPage();\n        const dots = [...dotsWrap.children];\n\n        dots.forEach((dot, index) => {\n          dot.setAttribute(\"aria-current\", index === activePage ? \"true\" : \"false\");\n        });\n\n        prev.disabled = activePage === 0;\n        next.disabled = activePage >= positions.length - 1;\n        status.textContent = `\u041e\u0442\u0437\u0438\u0432 ${activePage + 1} \u043e\u0442 ${positions.length}`;\n      };\n\n      const goTo = (page) => {\n        const target = Math.max(0, Math.min(page, positions.length - 1));\n        viewport.scrollTo({\n          left: positions[target],\n          behavior: reduceMotion.matches ? \"auto\" : \"smooth\"\n        });\n      };\n\n      prev.addEventListener(\"click\", () => goTo(activePage - 1));\n      next.addEventListener(\"click\", () => goTo(activePage + 1));\n\n      viewport.addEventListener(\"scroll\", () => {\n        cancelAnimationFrame(scrollFrame);\n        scrollFrame = requestAnimationFrame(update);\n      }, { passive: true });\n\n      viewport.addEventListener(\"keydown\", (event) => {\n        if (event.key === \"ArrowLeft\") {\n          event.preventDefault();\n          goTo(activePage - 1);\n        }\n        if (event.key === \"ArrowRight\") {\n          event.preventDefault();\n          goTo(activePage + 1);\n        }\n      });\n\n      window.addEventListener(\"resize\", () => {\n        window.clearTimeout(resizeTimer);\n        resizeTimer = window.setTimeout(makePositions, 120);\n      });\n\n      makePositions();\n    });\n  })();\n<\/script>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><meta charset=\"UTF-8\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n<!-- ============================================================\n     GIOVANI DESIGN \u2014 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u201e\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0438\u201c\n     \u041e\u0431\u0435\u0434\u0438\u043d\u0435\u043d \u0431\u043b\u043e\u043a: \u0437\u0430\u0433\u043b\u0430\u0432\u0438\u0435 + \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438 + \u0444\u043e\u0440\u043c\u0430 + \u0432\u044a\u043f\u0440\u043e\u0441\u043d\u0438\u043a.\n     ============================================================ -->\n\n<section class=\"gc\" data-gc>\n    <div class=\"gc-wrap\">\n\n        <!-- \u2500\u2500 \u0437\u0430\u0433\u043b\u0430\u0432\u0438\u0435 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <header class=\"gc-head gc-in\">\n            <p class=\"gc-eyebrow\">\u041d\u0435\u043a\u0430 \u0437\u0430\u043f\u043e\u0447\u043d\u0435\u043c \u0432\u0430\u0448\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442<\/p>\n            <h1 class=\"gc-title\">\u0414\u0430 \u043f\u0440\u0435\u0432\u044a\u0440\u043d\u0435\u043c \u043c\u0435\u0447\u0442\u0438\u0442\u0435 \u0432\u0438 \u0432 \u0440\u0435\u0430\u043b\u043d\u043e\u0441\u0442<\/h1>\n            <div class=\"gc-rule\" aria-hidden=\"true\"><i><\/i><\/div>\n        <\/header>\n\n        <!-- \u2500\u2500 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438 + \u0444\u043e\u0440\u043c\u0430 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div class=\"gc-grid\">\n            <div class=\"gc-col gc-in\">\n                <figure class=\"gc-figure\">\n                    <img data-src=\"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/06\/roots-sofia.jpg.png\"\n                         alt=\"\u0418\u043d\u0442\u0435\u0440\u0438\u043e\u0440 \u043e\u0442 Giovani Design\" width=\"1200\" height=\"1500\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/1500;\">\n                <\/figure>\n\n                <dl class=\"gc-details\">\n                    <div>\n                        <dt>\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/dt>\n                        <dd><a href=\"tel:+359886570942\">+359 88 657 0 942<\/a><\/dd>\n                    <\/div>\n                    <div>\n                        <dt>\u0418\u043c\u0435\u0439\u043b<\/dt>\n                        <dd><a href=\"mailto:info@giovanidesign.com\">info@giovanidesign.com<\/a><\/dd>\n                    <\/div>\n                <\/dl>\n\n                <div class=\"gc-social\">\n                    <a href=\"https:\/\/www.instagram.com\/giovanidesign?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.77 1.683 4.918 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.236-1.666 4.77-4.919 4.918-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.236-.149-4.77-1.667-4.919-4.919-.058-1.265-.07-1.644-.07-4.849 0-3.204.012-3.584.07-4.849.149-3.236 1.667-4.77 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-.28-.058-.689-.072-4.948-.072zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.209-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n                        <span>Instagram<\/span>\n                    <\/a>\n                    <a href=\"https:\/\/www.facebook.com\/giovanidesign\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n                        <span>Facebook<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"gc-col gc-in\">\n                <form class=\"gc-form\" novalidate>\n                    <p class=\"gc-form-lead\">\u0420\u0430\u0437\u043a\u0430\u0436\u0435\u0442\u0435 \u043d\u0438 \u043d\u0430\u043a\u0440\u0430\u0442\u043a\u043e \u0438 \u0449\u0435 \u0441\u0435 \u0441\u0432\u044a\u0440\u0436\u0435\u043c \u0441 \u0432\u0430\u0441.<\/p>\n\n                    <div class=\"gc-field\">\n                        <label for=\"gc-name\">\u0418\u043c\u0435 \u0438 \u0444\u0430\u043c\u0438\u043b\u0438\u044f<\/label>\n                        <input type=\"text\" id=\"gc-name\" name=\"name\" autocomplete=\"name\" required>\n                    <\/div>\n\n                    <div class=\"gc-field\">\n                        <label for=\"gc-email\">\u0418\u043c\u0435\u0439\u043b<\/label>\n                        <input type=\"email\" id=\"gc-email\" name=\"email\" autocomplete=\"email\" required>\n                    <\/div>\n\n                    <div class=\"gc-field\">\n                        <label for=\"gc-message\">\u0412\u0430\u0448\u0430\u0442\u0430 \u0438\u0434\u0435\u044f<\/label>\n                        <textarea id=\"gc-message\" name=\"message\" rows=\"4\" required><\/textarea>\n                    <\/div>\n\n                    <label class=\"gc-consent\" for=\"gc-consent\">\n                        <input type=\"checkbox\" id=\"gc-consent\" required>\n                        <span class=\"gc-box\" aria-hidden=\"true\"><\/span>\n                        <span class=\"gc-consent-text\">\u0421\u044a\u0433\u043b\u0430\u0441\u0435\u043d \u0441\u044a\u043c \u0441 <a href=\"https:\/\/giovanidesign.com\/index.php\/privacy-policy\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0430\u0442\u0430 \u0437\u0430 \u043f\u043e\u0432\u0435\u0440\u0438\u0442\u0435\u043b\u043d\u043e\u0441\u0442<\/a>.<\/span>\n                    <\/label>\n\n                    <button type=\"submit\" class=\"gc-btn\">\u0418\u0437\u043f\u0440\u0430\u0442\u0438 \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0435<\/button>\n                    <p class=\"gc-form-note\" role=\"status\">\u0418\u043b\u0438 \u0434\u0438\u0440\u0435\u043a\u0442\u043d\u043e \u043d\u0430 <a href=\"mailto:info@giovanidesign.com\">info@giovanidesign.com<\/a><\/p>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <!-- \u2500\u2500 \u0432\u044a\u043f\u0440\u043e\u0441\u043d\u0438\u043a \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div class=\"gc-brief gc-in\">\n            <span class=\"gc-mesh\" aria-hidden=\"true\"><\/span>\n\n            <div class=\"gc-brief-head\">\n                <p class=\"gc-eyebrow\">\u041f\u044a\u0440\u0432\u0430\u0442\u0430 \u0441\u0442\u044a\u043f\u043a\u0430<\/p>\n                <h2 class=\"gc-brief-title\">\u0412\u044a\u043f\u0440\u043e\u0441\u043d\u0438\u043a <em>\u0437\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0438<\/em><\/h2>\n                <p class=\"gc-brief-text\">\n                    \u0412\u044a\u043f\u0440\u043e\u0441\u043d\u0438\u043a\u044a\u0442 \u0441\u044a\u0431\u0438\u0440\u0430 \u0442\u043e\u0432\u0430, \u043a\u043e\u0435\u0442\u043e \u043d\u0435 \u0441\u0435 \u0432\u0438\u0436\u0434\u0430 \u043d\u0430 \u0441\u043d\u0438\u043c\u043a\u0430: \u043a\u0430\u043a \u0436\u0438\u0432\u0435\u0435\u0442\u0435, \u043a\u0430\u043a\u0432\u043e \u0432\u0438 \u043f\u0440\u0435\u0447\u0438 \u0432 \u0441\u0435\u0433\u0430\u0448\u043d\u0438\u044f \u0434\u043e\u043c\n                    \u0438 \u0434\u043e\u043a\u044a\u0434\u0435 \u0441\u0442\u0438\u0433\u0430\u0442 \u043c\u0435\u0447\u0442\u0438\u0442\u0435 \u0438 \u0431\u044e\u0434\u0436\u0435\u0442\u044a\u0442. \u041e\u0442\u043d\u0435\u043c\u0430 \u043e\u043a\u043e\u043b\u043e \u0434\u0435\u0441\u0435\u0442 \u043c\u0438\u043d\u0443\u0442\u0438 \u0438 \u0435 \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0430 \u043d\u0430 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f\u0442\u0430.\n                <\/p>\n                <ul class=\"gc-meta\">\n                    <li>\u041e\u043a\u043e\u043b\u043e 10 \u043c\u0438\u043d\u0443\u0442\u0438<\/li>\n                    <li>\u0411\u0435\u0437 \u0430\u043d\u0433\u0430\u0436\u0438\u043c\u0435\u043d\u0442<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"gc-tiles\">\n                <a class=\"gc-tile\" href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdUUH3AY7abZV5k5P_tZ3VWSHRHgR0NjaZDcsaso9aWANaO9g\/viewform\"\n                   target=\"_blank\" rel=\"noopener noreferrer\">\n                    <span class=\"gc-tile-mesh\" aria-hidden=\"true\"><\/span>\n                    <span class=\"gc-lang\">EN<\/span>\n                    <span class=\"gc-tile-body\">\n                        <span class=\"gc-tile-title\">Interior Design Project Brief<\/span>\n                        <span class=\"gc-tile-sub\">\u041d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438 \u0435\u0437\u0438\u043a<\/span>\n                    <\/span>\n                    <span class=\"gc-go\" aria-hidden=\"true\"><i><\/i>\u2192<\/span>\n                <\/a>\n\n                <a class=\"gc-tile\" href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdTA9nLj2nE7zRA_z2lTHtanp9oRKnb3skhWqmXWOqB8hobgw\/viewform\"\n                   target=\"_blank\" rel=\"noopener noreferrer\">\n                    <span class=\"gc-tile-mesh\" aria-hidden=\"true\"><\/span>\n                    <span class=\"gc-lang\">RU<\/span>\n                    <span class=\"gc-tile-body\">\n                        <span class=\"gc-tile-title\">\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0437\u0430\u0434\u0430\u043d\u0438\u0435<\/span>\n                        <span class=\"gc-tile-sub\">\u041d\u0430 \u0440\u0443\u0441\u043a\u0438 \u0435\u0437\u0438\u043a<\/span>\n                    <\/span>\n                    <span class=\"gc-go\" aria-hidden=\"true\"><i><\/i>\u2192<\/span>\n                <\/a>\n            <\/div>\n\n            <p class=\"gc-brief-note\">\u0424\u043e\u0440\u043c\u0443\u043b\u044f\u0440\u0438\u0442\u0435 \u0441\u0435 \u043e\u0442\u0432\u0430\u0440\u044f\u0442 \u0432 \u043d\u043e\u0432 \u0440\u0430\u0437\u0434\u0435\u043b \u0432 Google Forms<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .gc {\n        --gc-ink: #1a1a1a;\n        --gc-ink-soft: #55504b;\n        --gc-mute: #8f867c;\n        --gc-gold: #b5a28a;\n        --gc-line: #e3ddd5;\n        --gc-shell: #faf8f5;\n        \/* \u0441\u043c\u0435\u043d\u0438 \u0442\u0443\u043a, \u0430\u043a\u043e \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u0448 Playfair Display \u0437\u0430 \u0437\u0430\u0433\u043b\u0430\u0432\u0438\u044f\u0442\u0430 *\/\n        --gc-serif: 'Cormorant Garamond', Georgia, serif;\n        --gc-sans: 'Montserrat', 'Open Sans', Arial, sans-serif;\n\n        width: 100%;\n        max-width: 100%;\n        margin: 0 auto;\n        padding: clamp(56px, 8vw, 100px) 0;\n        background: #ffffff;\n        font-family: var(--gc-sans);\n    }\n\n    .gc, .gc * { box-sizing: border-box; }\n\n    .gc .gc-wrap {\n        width: 100%;\n        max-width: 1140px;\n        margin: 0 auto;\n        padding: 0 clamp(18px, 5vw, 48px);\n    }\n\n    \/* \u2500\u2500 \u0437\u0430\u0433\u043b\u0430\u0432\u0438\u0435 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .gc .gc-head { margin-bottom: clamp(44px, 6vw, 76px); text-align: center; }\n\n    .gc .gc-eyebrow {\n        margin: 0 0 16px !important;\n        color: var(--gc-gold) !important;\n        font-family: var(--gc-sans) !important;\n        font-size: 10px !important;\n        font-weight: 600 !important;\n        letter-spacing: 0.28em;\n        line-height: 1.6;\n        text-transform: uppercase;\n    }\n\n    .gc .gc-title {\n        max-width: 18ch;\n        margin: 0 auto !important;\n        color: var(--gc-ink) !important;\n        font-family: var(--gc-serif) !important;\n        font-size: clamp(2.2rem, 5.4vw, 3.6rem) !important;\n        font-weight: 300 !important;\n        letter-spacing: -1px;\n        line-height: 1.08;\n    }\n\n    .gc .gc-rule { width: 88px; height: 1px; margin: 28px auto 0; background: var(--gc-line); }\n\n    .gc .gc-rule i {\n        display: block;\n        height: 1px;\n        background: var(--gc-gold);\n        transform: scaleX(0);\n        transform-origin: center;\n        transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1) 200ms;\n    }\n\n    .gc .gc-in.is-in .gc-rule i { transform: scaleX(1); }\n\n    \/* \u2500\u2500 \u043c\u0440\u0435\u0436\u0430 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .gc .gc-grid {\n        display: grid;\n        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1fr);\n        gap: clamp(38px, 6vw, 84px);\n        align-items: start;\n    }\n\n    \/* \u2500\u2500 \u0441\u043d\u0438\u043c\u043a\u0430 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .gc .gc-figure {\n        position: relative;\n        margin: 0 0 clamp(28px, 4vw, 44px) !important;\n        padding: 0 !important;\n    }\n\n    .gc .gc-figure img {\n        display: block;\n        width: 100%;\n        height: auto;\n        aspect-ratio: 4 \/ 5;\n        object-fit: cover;\n    }\n\n    .gc .gc-figure::after {\n        content: '';\n        position: absolute;\n        right: -14px;\n        bottom: -14px;\n        width: 62%;\n        height: 42%;\n        border-right: 1px solid var(--gc-gold);\n        border-bottom: 1px solid var(--gc-gold);\n        pointer-events: none;\n    }\n\n    \/* \u2500\u2500 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0438 \u0434\u0430\u043d\u043d\u0438 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .gc .gc-details { margin: 0 !important; padding: 0 !important; }\n\n    .gc .gc-details > div {\n        padding: 16px 0;\n        border-top: 1px solid var(--gc-line);\n    }\n\n    .gc .gc-details > div:last-child { border-bottom: 1px solid var(--gc-line); }\n\n    .gc .gc-details dt {\n        margin: 0 0 6px !important;\n        color: var(--gc-mute) !important;\n        font-family: var(--gc-sans) !important;\n        font-size: 9px !important;\n        font-weight: 600 !important;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n    }\n\n    .gc .gc-details dd { margin: 0 !important; }\n\n    .gc .gc-details a {\n        color: var(--gc-ink) !important;\n        font-family: var(--gc-serif) !important;\n        font-size: 1.35rem;\n        font-weight: 400;\n        letter-spacing: 0.01em;\n        text-decoration: none !important;\n        transition: color 220ms ease;\n    }\n\n    .gc .gc-details a:hover,\n    .gc .gc-details a:focus-visible { color: var(--gc-gold) !important; }\n\n    .gc .gc-social { display: flex; gap: 10px; margin-top: 22px; }\n\n    .gc .gc-social a {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        padding: 11px 16px;\n        border: 1px solid var(--gc-line);\n        color: var(--gc-ink) !important;\n        font-family: var(--gc-sans);\n        font-size: 10px;\n        font-weight: 600;\n        letter-spacing: 0.14em;\n        text-decoration: none !important;\n        text-transform: uppercase;\n        transition: border-color 220ms ease, background-color 220ms ease, color 220ms ease;\n    }\n\n    .gc .gc-social a:hover,\n    .gc .gc-social a:focus-visible {\n        border-color: var(--gc-ink);\n        background: var(--gc-ink);\n        color: #ffffff !important;\n    }\n\n    .gc .gc-social svg { flex: 0 0 auto; }\n\n    \/* \u2500\u2500 \u0444\u043e\u0440\u043c\u0430 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .gc .gc-form-lead {\n        margin: 0 0 30px !important;\n        color: var(--gc-ink-soft) !important;\n        font-family: var(--gc-sans) !important;\n        font-size: 15px !important;\n        line-height: 1.85;\n    }\n\n    .gc .gc-field { margin-bottom: 26px; }\n\n    .gc .gc-field label {\n        display: block;\n        margin-bottom: 8px;\n        color: var(--gc-mute);\n        font-family: var(--gc-sans);\n        font-size: 9px;\n        font-weight: 600;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n    }\n\n    .gc .gc-field input,\n    .gc .gc-field textarea {\n        width: 100%;\n        padding: 10px 0;\n        border: 0;\n        border-bottom: 1px solid var(--gc-line);\n        border-radius: 0;\n        background: transparent;\n        color: var(--gc-ink);\n        font-family: var(--gc-sans);\n        font-size: 15px;\n        line-height: 1.6;\n        outline: none;\n        transition: border-color 240ms ease;\n    }\n\n    .gc .gc-field textarea { min-height: 116px; resize: vertical; }\n\n    .gc .gc-field input:focus,\n    .gc .gc-field textarea:focus { border-bottom-color: var(--gc-gold); }\n\n    .gc .gc-field.is-invalid input,\n    .gc .gc-field.is-invalid textarea { border-bottom-color: #b4544a; }\n\n    .gc .gc-consent {\n        position: relative;\n        display: flex;\n        margin: 4px 0 28px;\n        align-items: flex-start;\n        gap: 12px;\n        cursor: pointer;\n    }\n\n    .gc .gc-consent input {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        opacity: 0;\n    }\n\n    .gc .gc-box {\n        position: relative;\n        flex: 0 0 18px;\n        width: 18px;\n        height: 18px;\n        margin-top: 2px;\n        border: 1px solid var(--gc-line);\n        transition: border-color 200ms ease, background-color 200ms ease;\n    }\n\n    .gc .gc-consent input:checked ~ .gc-box {\n        border-color: var(--gc-ink);\n        background: var(--gc-ink);\n    }\n\n    .gc .gc-consent input:checked ~ .gc-box::after {\n        content: '';\n        position: absolute;\n        top: 3px;\n        left: 6px;\n        width: 4px;\n        height: 8px;\n        border: solid #ffffff;\n        border-width: 0 1px 1px 0;\n        transform: rotate(45deg);\n    }\n\n    .gc .gc-consent input:focus-visible ~ .gc-box {\n        outline: 2px solid var(--gc-gold);\n        outline-offset: 2px;\n    }\n\n    .gc .gc-consent.is-invalid .gc-box { border-color: #b4544a; }\n\n    .gc .gc-consent-text {\n        color: var(--gc-ink-soft);\n        font-family: var(--gc-sans);\n        font-size: 12px;\n        line-height: 1.6;\n    }\n\n    .gc .gc-consent-text a { color: var(--gc-ink) !important; text-decoration: underline !important; }\n\n    .gc .gc-btn {\n        display: inline-block;\n        padding: 18px 40px;\n        appearance: none;\n        border: 1px solid var(--gc-ink) !important;\n        border-radius: 0 !important;\n        background: var(--gc-ink) !important;\n        box-shadow: none !important;\n        color: #ffffff !important;\n        font-family: var(--gc-sans) !important;\n        font-size: 9px;\n        font-weight: 600;\n        letter-spacing: 0.24em;\n        text-transform: uppercase;\n        cursor: pointer;\n        transition: background-color 300ms ease, color 300ms ease;\n    }\n\n    .gc .gc-btn:hover,\n    .gc .gc-btn:focus-visible { background: transparent !important; color: var(--gc-ink) !important; }\n\n    .gc .gc-form-note {\n        margin: 18px 0 0 !important;\n        color: var(--gc-mute) !important;\n        font-family: var(--gc-sans) !important;\n        font-size: 11px !important;\n        letter-spacing: 0.04em;\n        line-height: 1.6;\n    }\n\n    .gc .gc-form-note a { color: var(--gc-ink) !important; text-decoration: none !important; border-bottom: 1px solid var(--gc-gold); }\n\n    \/* \u2500\u2500 \u0432\u044a\u043f\u0440\u043e\u0441\u043d\u0438\u043a \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .gc .gc-brief {\n        position: relative;\n        display: grid;\n        margin-top: clamp(56px, 8vw, 96px);\n        padding: clamp(32px, 4.5vw, 60px) clamp(20px, 4vw, 56px) clamp(26px, 3.5vw, 40px);\n        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr);\n        gap: clamp(28px, 4vw, 56px);\n        overflow: hidden;\n        border: 1px solid var(--gc-line);\n        background: var(--gc-shell);\n        align-items: center;\n    }\n\n    .gc .gc-mesh {\n        position: absolute;\n        top: -30%;\n        right: -10%;\n        width: 52%;\n        height: 160%;\n        background-image:\n            repeating-linear-gradient(58deg, transparent 0 54px, var(--gc-gold) 54px 55px),\n            repeating-linear-gradient(-58deg, transparent 0 92px, var(--gc-gold) 92px 93px);\n        opacity: 0.24;\n        pointer-events: none;\n        -webkit-mask-image: linear-gradient(215deg, #000 6%, transparent 60%);\n        mask-image: linear-gradient(215deg, #000 6%, transparent 60%);\n    }\n\n    .gc .gc-brief-head { position: relative; z-index: 1; }\n\n    .gc .gc-brief-title {\n        margin: 0 0 18px !important;\n        color: var(--gc-ink) !important;\n        font-family: var(--gc-serif) !important;\n        font-size: clamp(1.9rem, 3.6vw, 2.8rem) !important;\n        font-weight: 300 !important;\n        letter-spacing: -0.5px;\n        line-height: 1.08;\n    }\n\n    .gc .gc-brief-title em { color: var(--gc-gold) !important; font-style: italic; font-weight: 300; }\n\n    .gc .gc-brief-text {\n        max-width: 46ch;\n        margin: 0 0 20px !important;\n        color: var(--gc-ink-soft) !important;\n        font-family: var(--gc-sans) !important;\n        font-size: 14px !important;\n        line-height: 1.85;\n    }\n\n    .gc .gc-meta {\n        display: flex;\n        margin: 0 !important;\n        padding: 0 !important;\n        flex-wrap: wrap;\n        gap: 8px;\n        list-style: none !important;\n    }\n\n    .gc .gc-meta li {\n        margin: 0 !important;\n        padding: 7px 13px;\n        border: 1px solid var(--gc-line);\n        background: rgba(255, 255, 255, 0.72);\n        color: var(--gc-ink-soft);\n        font-family: var(--gc-sans);\n        font-size: 9px;\n        font-weight: 500;\n        letter-spacing: 0.16em;\n        line-height: 1;\n        list-style: none !important;\n        text-transform: uppercase;\n    }\n\n    .gc .gc-tiles { position: relative; z-index: 1; display: grid; gap: 12px; }\n\n    .gc .gc-tile {\n        position: relative;\n        display: flex;\n        min-height: 104px;\n        align-items: center;\n        gap: 16px;\n        padding: 20px;\n        overflow: hidden;\n        border: 1px solid var(--gc-line) !important;\n        border-radius: 0 !important;\n        background: #ffffff !important;\n        box-shadow: none !important;\n        color: var(--gc-ink) !important;\n        text-align: left;\n        text-decoration: none !important;\n        transition: background-color 320ms ease, border-color 320ms ease, color 320ms ease, transform 320ms cubic-bezier(0.22, 1, 0.36, 1);\n    }\n\n    .gc .gc-tile-mesh {\n        position: absolute;\n        top: -30%;\n        right: -20%;\n        width: 70%;\n        height: 170%;\n        background-image: repeating-linear-gradient(58deg, transparent 0 26px, var(--gc-gold) 26px 27px);\n        opacity: 0;\n        pointer-events: none;\n        transition: opacity 420ms ease;\n        -webkit-mask-image: linear-gradient(215deg, #000 0%, transparent 70%);\n        mask-image: linear-gradient(215deg, #000 0%, transparent 70%);\n    }\n\n    .gc .gc-lang {\n        position: relative;\n        display: flex;\n        width: 56px;\n        height: 56px;\n        flex: 0 0 56px;\n        align-items: center;\n        justify-content: center;\n        border: 1px solid var(--gc-gold);\n        color: var(--gc-gold);\n        font-family: var(--gc-serif);\n        font-size: 1.4rem;\n        letter-spacing: 0.06em;\n        transition: border-color 320ms ease, color 320ms ease;\n    }\n\n    .gc .gc-tile-body { position: relative; display: block; min-width: 0; flex: 1 1 auto; }\n\n    .gc .gc-tile-title {\n        display: block;\n        margin-bottom: 5px;\n        font-family: var(--gc-serif);\n        font-size: 1.2rem;\n        font-weight: 500;\n        line-height: 1.2;\n    }\n\n    .gc .gc-tile-sub {\n        display: block;\n        color: var(--gc-mute);\n        font-family: var(--gc-sans);\n        font-size: 9px;\n        font-weight: 500;\n        letter-spacing: 0.16em;\n        line-height: 1.5;\n        text-transform: uppercase;\n        transition: color 320ms ease;\n    }\n\n    .gc .gc-go {\n        position: relative;\n        display: flex;\n        flex: 0 0 auto;\n        align-items: center;\n        gap: 8px;\n        color: var(--gc-gold);\n        font-size: 16px;\n        line-height: 1;\n        transition: color 320ms ease;\n    }\n\n    .gc .gc-go i {\n        display: block;\n        width: 0;\n        height: 1px;\n        background: currentColor;\n        transition: width 380ms cubic-bezier(0.22, 1, 0.36, 1);\n    }\n\n    @media (hover: hover) {\n        .gc .gc-tile:hover {\n            border-color: #1a1a1a !important;\n            background: #1a1a1a !important;\n            color: #ffffff !important;\n            transform: translateY(-3px);\n        }\n\n        .gc .gc-tile:hover .gc-tile-mesh { opacity: 0.42; }\n        .gc .gc-tile:hover .gc-tile-sub { color: rgba(255, 255, 255, 0.66); }\n        .gc .gc-tile:hover .gc-go i { width: 24px; }\n    }\n\n    .gc .gc-tile:focus-visible { outline: 2px solid var(--gc-gold); outline-offset: 3px; }\n\n    .gc .gc-brief-note {\n        position: relative;\n        z-index: 1;\n        margin: 22px 0 0 !important;\n        grid-column: 1 \/ -1;\n        color: var(--gc-mute) !important;\n        font-family: var(--gc-sans) !important;\n        font-size: 9px !important;\n        font-weight: 500 !important;\n        letter-spacing: 0.18em;\n        line-height: 1.6;\n        text-align: center;\n        text-transform: uppercase;\n    }\n\n    \/* \u2500\u2500 \u043f\u043e\u044f\u0432\u044f\u0432\u0430\u043d\u0435 \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .gc .gc-in {\n        opacity: 0;\n        transform: translateY(16px);\n        transition: opacity 760ms cubic-bezier(0.22, 1, 0.36, 1), transform 760ms cubic-bezier(0.22, 1, 0.36, 1);\n    }\n\n    .gc .gc-in.is-in { opacity: 1; transform: none; }\n    .gc .gc-grid .gc-col:nth-child(2).gc-in { transition-delay: 120ms; }\n\n    \/* \u2500\u2500 \u0430\u0434\u0430\u043f\u0442\u0438\u0432 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    @media (max-width: 900px) {\n        .gc .gc-grid { grid-template-columns: minmax(0, 1fr); gap: 46px; }\n        .gc .gc-brief { grid-template-columns: minmax(0, 1fr); gap: 28px; }\n        .gc .gc-figure { max-width: 460px; }\n        .gc .gc-figure img { aspect-ratio: 3 \/ 2; }\n    }\n\n    @media (max-width: 600px) {\n        .gc { padding: 46px 0; }\n        .gc .gc-title { max-width: none; letter-spacing: -0.5px; }\n        .gc .gc-figure::after { right: -8px; bottom: -8px; }\n        .gc .gc-details a { font-size: 1.2rem; }\n        .gc .gc-social { flex-wrap: wrap; }\n        .gc .gc-brief { padding: 30px 18px 24px; }\n        .gc .gc-mesh { width: 84%; right: -24%; opacity: 0.2; }\n        .gc .gc-tile { min-height: 92px; gap: 13px; padding: 16px; }\n        .gc .gc-lang { width: 48px; height: 48px; flex-basis: 48px; font-size: 1.2rem; }\n        .gc .gc-tile-title { font-size: 1.08rem; }\n        .gc .gc-btn { width: 100%; text-align: center; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .gc .gc-in { opacity: 1; transform: none; transition: none; }\n        .gc .gc-rule i { transform: scaleX(1); transition: none; }\n        .gc .gc-tile,\n        .gc .gc-lang,\n        .gc .gc-go i,\n        .gc .gc-tile-mesh { transition: none; }\n    }\n<\/style>\n\n<script>\n(() => {\n    'use strict';\n\n    document.querySelectorAll('.gc[data-gc]').forEach((block) => {\n        if (block.dataset.gcReady === 'true') return;\n        block.dataset.gcReady = 'true';\n\n        \/* \u043f\u043e\u044f\u0432\u044f\u0432\u0430\u043d\u0435 \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b *\/\n        const items = [...block.querySelectorAll('.gc-in')];\n        if ('IntersectionObserver' in window) {\n            const io = new IntersectionObserver((entries) => {\n                entries.forEach((entry) => {\n                    if (!entry.isIntersecting) return;\n                    entry.target.classList.add('is-in');\n                    io.unobserve(entry.target);\n                });\n            }, { rootMargin: '0px 0px -6% 0px', threshold: 0.12 });\n            items.forEach((el) => io.observe(el));\n        } else {\n            items.forEach((el) => el.classList.add('is-in'));\n        }\n\n        \/*\n           \u0412\u0420\u0415\u041c\u0415\u041d\u041d\u041e \u0420\u0415\u0428\u0415\u041d\u0418\u0415 \u0417\u0410 \u0424\u041e\u0420\u041c\u0410\u0422\u0410\n           \u0424\u043e\u0440\u043c\u0430\u0442\u0430 \u043d\u044f\u043c\u0430 \u0441\u044a\u0440\u0432\u044a\u0440\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430, \u0437\u0430\u0442\u043e\u0432\u0430 \u043e\u0442\u0432\u0430\u0440\u044f \u043f\u043e\u0449\u0435\u043d\u0441\u043a\u0430\u0442\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0430\n           \u0441 \u043f\u043e\u043f\u044a\u043b\u043d\u0435\u043d\u043e \u0441\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u0435. \u0417\u0430 \u0440\u0435\u0430\u043b\u043d\u0438 \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0438\u044f \u0432 \u043f\u043e\u0449\u0430\u0442\u0430\/\u0431\u0430\u0437\u0430\u0442\u0430\n           \u043f\u0440\u0435\u043f\u043e\u0440\u044a\u0447\u0432\u0430\u043c Divi Contact Form \u0438\u043b\u0438 WPForms.\n        *\/\n        const form = block.querySelector('.gc-form');\n        if (!form) return;\n\n        const note = form.querySelector('.gc-form-note');\n        const noteHTML = note ? note.innerHTML : '';\n\n        const markInvalid = (el, invalid) => {\n            const holder = el.closest('.gc-field') || el.closest('.gc-consent');\n            if (holder) holder.classList.toggle('is-invalid', invalid);\n        };\n\n        form.addEventListener('submit', (event) => {\n            event.preventDefault();\n\n            const name = form.querySelector('#gc-name');\n            const email = form.querySelector('#gc-email');\n            const message = form.querySelector('#gc-message');\n            const consent = form.querySelector('#gc-consent');\n\n            const emailOk = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email.value.trim());\n            const checks = [\n                [name, name.value.trim().length > 1],\n                [email, emailOk],\n                [message, message.value.trim().length > 4],\n                [consent, consent.checked]\n            ];\n\n            let firstBad = null;\n            checks.forEach(([el, ok]) => {\n                markInvalid(el, !ok);\n                if (!ok && !firstBad) firstBad = el;\n            });\n\n            if (firstBad) {\n                if (note) note.textContent = '\u041c\u043e\u043b\u044f, \u043f\u043e\u043f\u044a\u043b\u043d\u0435\u0442\u0435 \u0432\u0441\u0438\u0447\u043a\u0438 \u043f\u043e\u043b\u0435\u0442\u0430 \u0438 \u043f\u0440\u0438\u0435\u043c\u0435\u0442\u0435 \u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0430\u0442\u0430 \u0437\u0430 \u043f\u043e\u0432\u0435\u0440\u0438\u0442\u0435\u043b\u043d\u043e\u0441\u0442.';\n                firstBad.focus();\n                return;\n            }\n\n            const subject = `\u0417\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0435 \u043e\u0442 \u0441\u0430\u0439\u0442\u0430: ${name.value.trim()}`;\n            const body = `\u0418\u043c\u0435: ${name.value.trim()}\\n\u0418\u043c\u0435\u0439\u043b: ${email.value.trim()}\\n\\n${message.value.trim()}`;\n            window.location.href = `mailto:info@giovanidesign.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\n\n            if (note) note.textContent = '\u041e\u0442\u0432\u0430\u0440\u044f\u043c\u0435 \u0432\u0430\u0448\u0430\u0442\u0430 \u043f\u043e\u0449\u0435\u043d\u0441\u043a\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0430. \u0410\u043a\u043e \u043d\u0435 \u0441\u0435 \u0441\u043b\u0443\u0447\u0438, \u043f\u0438\u0448\u0435\u0442\u0435 \u043d\u0438 \u043d\u0430 info@giovanidesign.com';\n            window.setTimeout(() => { if (note) note.innerHTML = noteHTML; }, 12000);\n        });\n    });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_6 et_pb_row et_block_row\">\n<div class=\"et_pb_column_6 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n    html {\n        height: auto !important;\n        min-height: 100% !important;\n        overflow-x: hidden !important;\n\n    }\n\n    body {\n        height: auto !important;\n        min-height: 100vh !important;\n        overflow-x: hidden !important;\n\n        position: relative !important;\n    }\n\n    #page,\n    .site,\n    .site-content,\n    .content-area,\n    main,\n    .elementor,\n    .elementor-section-wrap,\n    .elementor-widget-container {\n        height: auto !important;\n        min-height: 0 !important;\n        overflow-y: visible !important;\n    }\n<\/style>\n\n<script>\n    document.documentElement.style.overflowY = \"auto\";\n    document.documentElement.style.height = \"auto\";\n    document.body.style.overflowY = \"auto\";\n    document.body.style.height = \"auto\";\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u041d\u0410\u0427\u0410\u041b\u041e - giovanidesign<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/giovanidesign.com\/\" \/>\n<meta property=\"og:locale\" content=\"bg_BG\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u041d\u0410\u0427\u0410\u041b\u041e - giovanidesign\" \/>\n<meta property=\"og:url\" content=\"https:\/\/giovanidesign.com\/\" \/>\n<meta property=\"og:site_name\" content=\"giovanidesign\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-28T06:48:46+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/giovanidesign.com\\\/\",\"url\":\"https:\\\/\\\/giovanidesign.com\\\/\",\"name\":\"\u041d\u0410\u0427\u0410\u041b\u041e - giovanidesign\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/giovanidesign.com\\\/#website\"},\"datePublished\":\"2026-05-28T11:02:59+00:00\",\"dateModified\":\"2026-09-28T06:48:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/giovanidesign.com\\\/#breadcrumb\"},\"inLanguage\":\"bg-BG\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/giovanidesign.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/giovanidesign.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u041d\u0430\u0447\u0430\u043b\u043e\",\"item\":\"https:\\\/\\\/giovanidesign.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u041d\u0410\u0427\u0410\u041b\u041e\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/giovanidesign.com\\\/#website\",\"url\":\"https:\\\/\\\/giovanidesign.com\\\/\",\"name\":\"giovanidesign\",\"description\":\"giovanidesign\",\"publisher\":{\"@id\":\"https:\\\/\\\/giovanidesign.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/giovanidesign.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"bg-BG\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/giovanidesign.com\\\/#organization\",\"name\":\"giovanidesign\",\"url\":\"https:\\\/\\\/giovanidesign.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"bg-BG\",\"@id\":\"https:\\\/\\\/giovanidesign.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/giovanidesign.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WhatsApp-Image-2026-05-23-at-12.48.48.jpeg\",\"contentUrl\":\"https:\\\/\\\/giovanidesign.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WhatsApp-Image-2026-05-23-at-12.48.48.jpeg\",\"width\":1280,\"height\":959,\"caption\":\"giovanidesign\"},\"image\":{\"@id\":\"https:\\\/\\\/giovanidesign.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u041d\u0410\u0427\u0410\u041b\u041e - giovanidesign","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/giovanidesign.com\/","og_locale":"bg_BG","og_type":"article","og_title":"\u041d\u0410\u0427\u0410\u041b\u041e - giovanidesign","og_url":"https:\/\/giovanidesign.com\/","og_site_name":"giovanidesign","article_modified_time":"2026-09-28T06:48:46+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/giovanidesign.com\/","url":"https:\/\/giovanidesign.com\/","name":"\u041d\u0410\u0427\u0410\u041b\u041e - giovanidesign","isPartOf":{"@id":"https:\/\/giovanidesign.com\/#website"},"datePublished":"2026-05-28T11:02:59+00:00","dateModified":"2026-09-28T06:48:46+00:00","breadcrumb":{"@id":"https:\/\/giovanidesign.com\/#breadcrumb"},"inLanguage":"bg-BG","potentialAction":[{"@type":"ReadAction","target":["https:\/\/giovanidesign.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/giovanidesign.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u041d\u0430\u0447\u0430\u043b\u043e","item":"https:\/\/giovanidesign.com\/"},{"@type":"ListItem","position":2,"name":"\u041d\u0410\u0427\u0410\u041b\u041e"}]},{"@type":"WebSite","@id":"https:\/\/giovanidesign.com\/#website","url":"https:\/\/giovanidesign.com\/","name":"giovanidesign","description":"giovanidesign","publisher":{"@id":"https:\/\/giovanidesign.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/giovanidesign.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"bg-BG"},{"@type":"Organization","@id":"https:\/\/giovanidesign.com\/#organization","name":"giovanidesign","url":"https:\/\/giovanidesign.com\/","logo":{"@type":"ImageObject","inLanguage":"bg-BG","@id":"https:\/\/giovanidesign.com\/#\/schema\/logo\/image\/","url":"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-23-at-12.48.48.jpeg","contentUrl":"https:\/\/giovanidesign.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-23-at-12.48.48.jpeg","width":1280,"height":959,"caption":"giovanidesign"},"image":{"@id":"https:\/\/giovanidesign.com\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/giovanidesign.com\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/giovanidesign.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/giovanidesign.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/giovanidesign.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/giovanidesign.com\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":85,"href":"https:\/\/giovanidesign.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":829,"href":"https:\/\/giovanidesign.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/829"}],"wp:attachment":[{"href":"https:\/\/giovanidesign.com\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}