EcoScape Landing Content<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* --- CORE CONFIGURATION & RESET --- *\/\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #fafdfb;\n color: #2c3e2e;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n img {\n max-width: 100%;\n height: auto;\n display: block;\n }\n\n \/* --- SCROLL ANIMATIONS CORE STYLES --- *\/\n .reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), \n transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n will-change: transform, opacity;\n }\n .reveal-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), \n transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n will-change: transform, opacity;\n }\n .reveal-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), \n transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n will-change: transform, opacity;\n }\n .reveal-scale {\n opacity: 0;\n transform: scale(0.95) translateY(20px);\n transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), \n transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n will-change: transform, opacity;\n }\n \n .reveal.active,\n .reveal-left.active,\n .reveal-right.active,\n .reveal-scale.active {\n opacity: 1;\n transform: translate(0) scale(1);\n }\n\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n .delay-3 { transition-delay: 0.3s; }\n .delay-4 { transition-delay: 0.4s; }\n\n \/* --- HERO SECTION --- *\/\n .hero-section {\n position: relative;\n background: url('https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/capture-of-a-serene-mountain-valley-at-sunrise-with-lush-rice-paddies-and-rustic-huts.-2165688-scaled.jpg') no-repeat center center\/cover;\n background-attachment: fixed; \n min-height: 80vh; \n padding: 120px 24px 190px 24px; \n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n overflow: hidden;\n z-index: 1;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(23, 43, 25, 0.6) 0%, rgba(15, 23, 42, 0.5) 100%);\n z-index: 1;\n }\n \n \/* Hero Abstract Elements *\/\n .hero-abstract-glow-1 {\n position: absolute;\n top: 15%;\n left: 10%;\n width: 450px;\n height: 450px;\n background: radial-gradient(circle, rgba(85, 130, 87, 0.25) 0%, transparent 70%);\n filter: blur(50px);\n z-index: 1;\n pointer-events: none;\n animation: abstractFloat 12s ease-in-out infinite alternate;\n }\n .hero-abstract-glow-2 {\n position: absolute;\n bottom: 10%;\n right: 5%;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(162, 210, 165, 0.18) 0%, transparent 75%);\n filter: blur(60px);\n z-index: 1;\n pointer-events: none;\n animation: abstractFloat 16s ease-in-out infinite alternate-reverse;\n }\n .hero-abstract-grid {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n background-size: 40px 40px;\n z-index: 1;\n pointer-events: none;\n mask-image: radial-gradient(circle, black 40%, transparent 90%);\n -webkit-mask-image: radial-gradient(circle, black 40%, transparent 90%);\n }\n @keyframes abstractFloat {\n 0% { transform: translateY(0px) rotate(0deg) scale(1); }\n 100% { transform: translateY(-30px) rotate(15deg) scale(1.1); }\n }\n\n \/* --- HERO ENTRANCE LOADING ENGINES --- *\/\n .hero-wrapper {\n position: relative;\n z-index: 2;\n max-width: 1200px;\n margin: 0 auto;\n }\n .hero-subtitle {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: #ffffff !important; \n margin-bottom: 28px;\n display: inline-block;\n line-height: 1.4;\n max-width: 90%;\n background: rgba(255, 255, 255, 0.12);\n padding: 10px 28px;\n border-radius: 50px;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n \n opacity: 0;\n animation: heroLoadDown 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards,\n heroSubFloat 4s ease-in-out infinite 1.2s;\n }\n .hero-title {\n font-size: 76px;\n font-weight: 800;\n color: #ffffff !important; \n margin-bottom: 24px;\n letter-spacing: -2.5px;\n text-shadow: 0 10px 30px rgba(19, 36, 21, 0.4);\n \n opacity: 0;\n animation: heroLoadUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;\n }\n .hero-description {\n font-size: 20px;\n font-weight: 500;\n color: #ffffff !important; \n max-width: 840px;\n margin: 0 auto;\n line-height: 1.7;\n text-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);\n opacity: 0.95;\n \n opacity: 0;\n animation: heroLoadUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;\n }\n\n @keyframes heroLoadDown {\n 0% { opacity: 0; transform: translateY(-25px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes heroLoadUp {\n 0% { opacity: 0; transform: translateY(25px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes heroSubFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-4px); }\n }\n\n \/* --- WRAPPER FOR INTEGRATED GREEN ENVIRONMENT --- *\/\n .intro-landscape-wrapper {\n position: relative;\n background: linear-gradient(135deg, #4b754d 0%, #355437 100%);\n z-index: 2;\n }\n\n \/* Dotted Design Matrix Backdrop *\/\n .intro-landscape-wrapper::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: radial-gradient(rgba(255, 255, 255, 0.11) 1.5px, transparent 1.5px);\n background-size: 24px 24px;\n pointer-events: none;\n z-index: 1;\n }\n\n \/* Bio-Abstract Morphing Elements *\/\n .intro-abstract-blob-1 {\n position: absolute;\n top: 5%;\n right: -5%;\n width: 400px;\n height: 400px;\n background: linear-gradient(45deg, rgba(162, 210, 165, 0.15), rgba(85, 130, 87, 0.2));\n border-radius: 43% 57% 62% 38% \/ 45% 40% 60% 55%;\n filter: blur(20px);\n animation: morphBlob 14s linear infinite alternate;\n z-index: 1;\n pointer-events: none;\n }\n .intro-abstract-blob-2 {\n position: absolute;\n bottom: 5%;\n left: -10%;\n width: 500px;\n height: 500px;\n background: linear-gradient(45deg, rgba(85, 130, 87, 0.25), rgba(30, 53, 32, 0.3));\n border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\n filter: blur(30px);\n animation: morphBlob 18s linear infinite alternate-reverse;\n z-index: 1;\n pointer-events: none;\n }\n @keyframes morphBlob {\n 0% { border-radius: 40% 60% 60% 40% \/ 40% 60% 60% 40%; transform: rotate(0deg) scale(1); }\n 100% { border-radius: 60% 40% 40% 60% \/ 60% 40% 40% 60%; transform: rotate(180deg) scale(1.15); }\n }\n\n \/* --- HALF-OVERLAPPING PARTNERS STRIP --- *\/\n .partners-outer-container {\n position: relative;\n z-index: 3; \n max-width: 1240px;\n margin: 0 auto;\n padding: 0 24px;\n transform: translateY(-95px); \n margin-bottom: -95px;\n }\n .partners-grid {\n background: #ffffff;\n border-radius: 24px;\n padding: 42px 45px;\n box-shadow: 0 35px 75px rgba(18, 33, 20, 0.25);\n border: 1px solid rgba(255, 255, 255, 0.8);\n display: flex;\n justify-content: space-around;\n align-items: center;\n flex-wrap: wrap;\n gap: 36px;\n }\n .partner-logo-item {\n flex: 1;\n min-width: 180px;\n max-width: 240px;\n height: 110px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n .partner-logo-item:hover {\n transform: scale(1.08) translateY(-2px);\n }\n .partner-logo-item img {\n max-height: 95px;\n width: auto;\n max-width: 100%;\n object-fit: contain;\n }\n\n .partner-logo-item:nth-child(1) img { transform: scale(1.5); } \n .partner-logo-item:nth-child(2) img { transform: scale(1.6); } \n .partner-logo-item:nth-child(3) img { transform: scale(0.9); } \n .partner-logo-item:nth-child(4) img { transform: scale(1.45); } \n .partner-logo-item:nth-child(5) img { transform: scale(1.45); } \n\n \/* --- CORE INTRO BANNER --- *\/\n .intro-section {\n padding: 110px 24px 80px 24px; \n text-align: center;\n position: relative;\n z-index: 3;\n }\n .intro-container {\n max-width: 960px;\n margin: 0 auto;\n }\n .intro-text {\n font-size: 17px;\n line-height: 1.8;\n color: #ffffff !important; \n font-weight: 400;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\n }\n .intro-text strong {\n font-weight: 700;\n letter-spacing: 0.3px;\n }\n\n \/* --- RESULTS SECTION --- *\/\n .results-section {\n background-color: #edf3ee;\n padding: 130px 24px;\n position: relative;\n overflow: hidden;\n }\n .results-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 90% 10%, rgba(85, 130, 87, 0.04) 0%, transparent 60%);\n pointer-events: none;\n }\n .results-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.05fr 0.95fr;\n gap: 80px;\n align-items: center;\n }\n .results-content-block h2 {\n font-size: 42px;\n font-weight: 800;\n color: #1e3520;\n margin-bottom: 35px;\n letter-spacing: -0.5px;\n position: relative;\n display: inline-block;\n }\n .results-content-block h2::after {\n content: '';\n position: absolute;\n bottom: -8px;\n left: 0;\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, #558257, #a2d2a5);\n border-radius: 2px;\n }\n .results-list {\n list-style: none;\n }\n .results-list-item {\n position: relative;\n padding: 16px 24px 16px 56px;\n margin-bottom: 18px;\n font-size: 16px;\n line-height: 1.7;\n color: #2d3e2f;\n background: #ffffff;\n border-radius: 16px;\n box-shadow: 0 4px 20px rgba(45, 78, 49, 0.03);\n border: 1px solid rgba(85, 130, 87, 0.04);\n transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n .results-list-item:hover {\n box-shadow: 0 12px 30px rgba(45, 78, 49, 0.07);\n transform: translateX(6px);\n border-color: rgba(85, 130, 87, 0.15);\n }\n .results-list-item::before {\n content: '';\n position: absolute;\n left: 18px;\n top: 50%;\n transform: translateY(-50%);\n width: 24px;\n height: 24px;\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23558257'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'\/%3E%3C\/svg%3E\") no-repeat center center\/contain;\n }\n .results-list-item strong {\n color: #1e3520;\n font-weight: 700;\n display: inline;\n }\n\n .results-graphic-block {\n position: relative;\n }\n .results-image {\n width: 100%;\n height: 490px;\n object-fit: cover;\n border-radius: 28px;\n box-shadow: 0 25px 55px rgba(28, 53, 32, 0.08);\n }\n .floating-badge {\n position: absolute;\n top: -25px;\n left: -25px;\n background-color: #1e3520;\n padding: 26px;\n border-radius: 24px 4px 24px 24px; \n max-width: 310px;\n box-shadow: 0 20px 45px rgba(15, 29, 16, 0.3);\n border-left: 5px solid #a2d2a5;\n }\n .floating-badge span {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #ffffff;\n opacity: 0.8;\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n }\n .floating-badge h4 {\n font-size: 18px;\n font-weight: 700;\n color: #ffffff !important; \n line-height: 1.4;\n }\n\n \/* --- VALUE PROPS SECTION --- *\/\n .props-section {\n background-color: #ffffff;\n padding: 130px 24px;\n }\n .props-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 0.75fr 1.25fr;\n gap: 60px;\n align-items: center;\n }\n .props-header h2 {\n font-size: 36px;\n font-weight: 800;\n color: #1e3520;\n line-height: 1.3;\n letter-spacing: -0.5px;\n }\n .props-flex-cards {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n .prop-item-card {\n background: #ffffff;\n border: 1px solid #eef5f0;\n padding: 32px 28px;\n border-radius: 24px;\n display: flex;\n align-items: center;\n gap: 20px;\n box-shadow: 0 10px 30px rgba(45, 78, 49, 0.02);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n .prop-item-card:hover {\n border-color: #cde2cf;\n box-shadow: 0 20px 40px rgba(85, 130, 87, 0.08);\n transform: translateY(-5px);\n }\n .prop-icon-housing {\n width: 56px;\n height: 56px;\n background-color: #edf5ef;\n border-radius: 18px; \n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n .prop-icon-housing svg {\n width: 24px;\n height: 24px;\n fill: #558257;\n transition: all 0.4s ease;\n }\n .prop-item-card:hover .prop-icon-housing {\n background-color: #558257;\n border-radius: 50%;\n }\n .prop-item-card:hover .prop-icon-housing svg {\n fill: #ffffff;\n transform: scale(1.1);\n }\n .prop-inner-label {\n font-size: 15px;\n font-weight: 700;\n color: #1e3520;\n line-height: 1.4;\n }\n\n \/* --- GET INVOLVED SECTION --- *\/\n .involved-section {\n background-color: #f6faf6;\n padding: 130px 24px;\n text-align: center;\n }\n .involved-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n .involved-section h2 {\n font-size: 40px;\n font-weight: 800;\n color: #1e3520;\n margin-bottom: 16px;\n letter-spacing: -0.5px;\n }\n .involved-section > p {\n font-size: 16px;\n color: #556657;\n max-width: 680px;\n margin: 0 auto 60px auto;\n line-height: 1.7;\n }\n .profiles-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n }\n .profile-card-item {\n background: #ffffff;\n border: 1px solid #e7eee8;\n border-radius: 28px;\n padding: 50px 32px;\n display: flex;\n flex-direction: column;\n align-items: center;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.015);\n position: relative;\n overflow: hidden;\n transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \n box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n .profile-card-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 6px;\n background-color: transparent;\n transition: background-color 0.3s ease;\n }\n .profile-card-item:hover::before {\n background: linear-gradient(90deg, #558257, #a2d2a5);\n }\n .profile-card-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(28, 53, 32, 0.08);\n }\n .profile-avatar-frame {\n width: 140px;\n height: 140px;\n border-radius: 50%;\n overflow: hidden;\n margin-bottom: 28px;\n border: 5px solid #edf3ee;\n box-shadow: 0 8px 24px rgba(45,78,49,0.06);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n .profile-card-item:hover .profile-avatar-frame {\n border-color: #cde2cf;\n transform: scale(1.04) rotate(2deg);\n }\n .profile-avatar-frame img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .profile-card-item h3 {\n font-size: 21px;\n font-weight: 700;\n color: #1e3520;\n margin-bottom: 14px;\n }\n .profile-card-item p {\n font-size: 14.5px;\n color: #4a5c4c;\n line-height: 1.6;\n }\n\n \/* --- RESPONSIVE OPTIMIZATIONS --- *\/\n @media (max-width: 1024px) {\n .results-container {\n grid-template-columns: 1fr;\n gap: 60px;\n }\n .floating-badge {\n left: 20px;\n top: -20px;\n }\n .props-container {\n grid-template-columns: 1fr;\n text-align: center;\n }\n .profiles-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .hero-section {\n min-height: auto;\n padding: 140px 20px 180px 20px;\n background-attachment: scroll; \n }\n .hero-title { font-size: 48px; }\n .hero-description { font-size: 18px; }\n \n .partners-outer-container { transform: translateY(-60px); margin-bottom: -60px; }\n .partners-grid { padding: 35px 20px; gap: 24px; }\n \n .partner-logo-item { min-width: 130px; height: 80px; }\n .partner-logo-item img { max-height: 60px; }\n .partner-logo-item:nth-child(1) img { transform: scale(1.35); }\n .partner-logo-item:nth-child(2) img { transform: scale(1.4); }\n .partner-logo-item:nth-child(3) img { transform: scale(0.95); }\n .partner-logo-item:nth-child(4) img { transform: scale(1.3); }\n .partner-logo-item:nth-child(5) img { transform: scale(1.3); }\n\n .intro-section { padding-top: 90px; padding-bottom: 60px; }\n .results-content-block h2 { font-size: 32px; }\n .results-image { height: 360px; }\n .props-flex-cards { grid-template-columns: 1fr; gap: 16px; }\n .profiles-grid { grid-template-columns: 1fr; gap: 30px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"hero-section\">\n <div class=\"hero-abstract-glow-1\"><\/div>\n <div class=\"hero-abstract-glow-2\"><\/div>\n <div class=\"hero-abstract-grid\"><\/div>\n \n <div class=\"hero-wrapper\">\n <span class=\"hero-subtitle\">Bridging Agriculture and Biodiversity with Augmented Reality<\/span>\n <h1 class=\"hero-title\">EcoScape<\/h1>\n <p class=\"hero-description\">Empowering rural communities with eco-entrepreneurial skills to manage landscapes sustainably.<\/p>\n <\/div>\n <\/section>\n\n <div class=\"intro-landscape-wrapper\">\n <div class=\"intro-abstract-blob-1\"><\/div>\n <div class=\"intro-abstract-blob-2\"><\/div>\n\n <div class=\"partners-outer-container\">\n <div class=\"partners-grid\">\n <div class=\"partner-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/pol.png\" alt=\"University Waclau\">\n <\/div>\n <div class=\"partner-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/2.png\" alt=\"MVNGO\">\n <\/div>\n <div class=\"partner-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/04\/agrra_logo.png\" alt=\"AGRRA\">\n <\/div>\n <div class=\"partner-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/4.png\" alt=\"F65\">\n <\/div>\n <div class=\"partner-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/5.png\" alt=\"Ayhub Danube\">\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"intro-section\">\n <div class=\"intro-container reveal\">\n <p class=\"intro-text\"><strong>EcoScape<\/strong> is an innovative Erasmus+ project that connects biodiversity and agriculture through cutting-edge technology and vocational training. By integrating augmented reality (AR), we provide farmers, researchers, and educators with tools to sustainably manage farmland biodiversity while fostering eco-entrepreneurship.<\/p>\n <\/div>\n <\/section>\n <\/div>\n\n <section class=\"results-section\">\n <div class=\"results-container\">\n <div class=\"results-content-block reveal-left\">\n <h2>Results<\/h2>\n <ul class=\"results-list\">\n <li class=\"results-list-item\"><strong>E-Learning Course:<\/strong> Gain practical skills in farmland biodiversity management.<\/li>\n <li class=\"results-list-item\"><strong>BioCheck App:<\/strong> Use AR to assess your farmland's biodiversity and receive tailored solutions for crop diversification, pest control, and more.<\/li>\n <li class=\"results-list-item\"><strong>Research-Driven Training:<\/strong> Participate in evidence-based courses designed to address modern agricultural challenges.<\/li>\n <\/ul>\n <\/div>\n <div class=\"results-graphic-block reveal-right\">\n <img decoding=\"async\" class=\"results-image\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/a-young-sapling-held-in-hands-symbolizes-growth-and-sustainability.-1072824-scaled.jpg\" alt=\"Transforming Agriculture\">\n <div class=\"floating-badge reveal-scale delay-2\">\n <span>EcoScape<\/span>\n <h4>Transforming Agriculture, Preserving Biodiversity<\/h4>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"props-section\">\n <div class=\"props-container\">\n <div class=\"props-header reveal-left\">\n <h2>Why EcoScape Matters:<\/h2>\n <\/div>\n <div class=\"props-flex-cards\">\n <div class=\"prop-item-card reveal-scale delay-1\">\n <div class=\"prop-icon-housing\">\n <svg viewBox=\"0 0 24 24\"><path d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.5 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'\/><\/svg>\n <\/div>\n <div class=\"prop-inner-label\">Biodiversity Preservation<\/div>\n <\/div>\n <div class=\"prop-item-card reveal-scale delay-2\">\n <div class=\"prop-icon-housing\">\n <svg viewBox=\"0 0 24 24\"><path d='M12 2L2 22h20L12 2zm0 3.99L19.53 19H4.47L12 5.99z'\/><\/svg>\n <\/div>\n <div class=\"prop-inner-label\">Climate Action<\/div>\n <\/div>\n <div class=\"prop-item-card reveal-scale delay-3\">\n <div class=\"prop-icon-housing\">\n <svg viewBox=\"0 0 24 24\"><path d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z'\/><\/svg>\n <\/div>\n <div class=\"prop-inner-label\">Digital Innovation in Agriculture<\/div>\n <\/div>\n <div class=\"prop-item-card reveal-scale delay-4\">\n <div class=\"prop-icon-housing\">\n <svg viewBox=\"0 0 24 24\"><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'\/><\/svg>\n <\/div>\n <div class=\"prop-inner-label\">Accessible Vocational Education<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"involved-section\">\n <div class=\"involved-container\">\n <h2 class=\"reveal\">Get Involved:<\/h2>\n <p class=\"reveal delay-1\">Join us in creating a sustainable future for agriculture, where technology and biodiversity go hand in hand.<\/p>\n \n <div class=\"profiles-grid\">\n <div class=\"profile-card-item reveal-scale delay-1\">\n <div class=\"profile-avatar-frame\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/a-smiling-farmer-in-plaid-flannel-enjoys-a-sunny-day-on-a-lush-green-hillside.-1482101-scaled.jpg\" alt=\"Farmers Focus Group\">\n <\/div>\n <h3>Farmers<\/h3>\n <p>Learn how to incorporate biodiversity-friendly practices into your farming.<\/p>\n <\/div>\n <div class=\"profile-card-item reveal-scale delay-2\">\n <div class=\"profile-avatar-frame\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/two-scientists-working-with-plants-in-a-bright-laboratory-environment.-8514588-scaled.jpg\" alt=\"Researchers and Educators Team\">\n <\/div>\n <h3>Researchers and Educators<\/h3>\n <p>Collaborate with us to create meaningful training and resources.<\/p>\n <\/div>\n <div class=\"profile-card-item reveal-scale delay-3\">\n <div class=\"profile-avatar-frame\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/a-woman-in-a-denim-jacket-collecting-trash-in-a-green-field-promoting-volunteer-work.-5029852-scaled.jpg\" alt=\"Eco Community Members\">\n <\/div>\n <h3>Community Members<\/h3>\n <p>Explore how biodiversity impacts local and global ecosystems.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n const animatedElements = document.querySelectorAll('[class*=\"reveal\"]');\n\n const observerOptions = {\n root: null,\n rootMargin: \"0px 0px -60px 0px\", \n threshold: 0.12\n };\n\n const intersectionObserver = new IntersectionObserver(function (entries, observer) {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add(\"active\");\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n animatedElements.forEach(element => {\n intersectionObserver.observe(element);\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>EcoScape Sadr\u017eaj odredi\u0161ne stranice Spajanje poljoprivrede i bioraznolikosti s pro\u0161irenom stvarno\u0161\u0107u EcoScape Sna\u017eno osna\u017eivanje ruralnih zajednica vje\u0161tinama eko-poduzetni\u0161tva za upravljanje krajolicima\u2026<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-1553","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/pages\/1553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/comments?post=1553"}],"version-history":[{"count":40,"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/pages\/1553\/revisions"}],"predecessor-version":[{"id":1597,"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/pages\/1553\/revisions\/1597"}],"wp:attachment":[{"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/media?parent=1553"}],"curies":[{"name":"radni list","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n EcoScape Landing Content<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* --- CORE CONFIGURATION & RESET --- *\/\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #fafdfb;\n color: #2c3e2e;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n img {\n max-width: 100%;\n height: auto;\n display: block;\n }\n\n \/* --- SCROLL ANIMATIONS CORE STYLES --- *\/\n .reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), \n transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n will-change: transform, opacity;\n }\n .reveal-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), \n transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n will-change: transform, opacity;\n }\n .reveal-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), \n transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n will-change: transform, opacity;\n }\n .reveal-scale {\n opacity: 0;\n transform: scale(0.95) translateY(20px);\n transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), \n transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n will-change: transform, opacity;\n }\n \n .reveal.active,\n .reveal-left.active,\n .reveal-right.active,\n .reveal-scale.active {\n opacity: 1;\n transform: translate(0) scale(1);\n }\n\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n .delay-3 { transition-delay: 0.3s; }\n .delay-4 { transition-delay: 0.4s; }\n\n \/* --- HERO SECTION --- *\/\n .hero-section {\n position: relative;\n background: url('https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/capture-of-a-serene-mountain-valley-at-sunrise-with-lush-rice-paddies-and-rustic-huts.-2165688-scaled.jpg') no-repeat center center\/cover;\n background-attachment: fixed; \n min-height: 80vh; \n padding: 120px 24px 190px 24px; \n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n overflow: hidden;\n z-index: 1;\n }\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(23, 43, 25, 0.6) 0%, rgba(15, 23, 42, 0.5) 100%);\n z-index: 1;\n }\n \n \/* Hero Abstract Elements *\/\n .hero-abstract-glow-1 {\n position: absolute;\n top: 15%;\n left: 10%;\n width: 450px;\n height: 450px;\n background: radial-gradient(circle, rgba(85, 130, 87, 0.25) 0%, transparent 70%);\n filter: blur(50px);\n z-index: 1;\n pointer-events: none;\n animation: abstractFloat 12s ease-in-out infinite alternate;\n }\n .hero-abstract-glow-2 {\n position: absolute;\n bottom: 10%;\n right: 5%;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(162, 210, 165, 0.18) 0%, transparent 75%);\n filter: blur(60px);\n z-index: 1;\n pointer-events: none;\n animation: abstractFloat 16s ease-in-out infinite alternate-reverse;\n }\n .hero-abstract-grid {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n background-size: 40px 40px;\n z-index: 1;\n pointer-events: none;\n mask-image: radial-gradient(circle, black 40%, transparent 90%);\n -webkit-mask-image: radial-gradient(circle, black 40%, transparent 90%);\n }\n @keyframes abstractFloat {\n 0% { transform: translateY(0px) rotate(0deg) scale(1); }\n 100% { transform: translateY(-30px) rotate(15deg) scale(1.1); }\n }\n\n \/* --- HERO ENTRANCE LOADING ENGINES --- *\/\n .hero-wrapper {\n position: relative;\n z-index: 2;\n max-width: 1200px;\n margin: 0 auto;\n }\n .hero-subtitle {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: #ffffff !important; \n margin-bottom: 28px;\n display: inline-block;\n line-height: 1.4;\n max-width: 90%;\n background: rgba(255, 255, 255, 0.12);\n padding: 10px 28px;\n border-radius: 50px;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n \n opacity: 0;\n animation: heroLoadDown 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards,\n heroSubFloat 4s ease-in-out infinite 1.2s;\n }\n .hero-title {\n font-size: 76px;\n font-weight: 800;\n color: #ffffff !important; \n margin-bottom: 24px;\n letter-spacing: -2.5px;\n text-shadow: 0 10px 30px rgba(19, 36, 21, 0.4);\n \n opacity: 0;\n animation: heroLoadUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;\n }\n .hero-description {\n font-size: 20px;\n font-weight: 500;\n color: #ffffff !important; \n max-width: 840px;\n margin: 0 auto;\n line-height: 1.7;\n text-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);\n opacity: 0.95;\n \n opacity: 0;\n animation: heroLoadUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;\n }\n\n @keyframes heroLoadDown {\n 0% { opacity: 0; transform: translateY(-25px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes heroLoadUp {\n 0% { opacity: 0; transform: translateY(25px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n @keyframes heroSubFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-4px); }\n }\n\n \/* --- WRAPPER FOR INTEGRATED GREEN ENVIRONMENT --- *\/\n .intro-landscape-wrapper {\n position: relative;\n background: linear-gradient(135deg, #4b754d 0%, #355437 100%);\n z-index: 2;\n }\n\n \/* Dotted Design Matrix Backdrop *\/\n .intro-landscape-wrapper::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: radial-gradient(rgba(255, 255, 255, 0.11) 1.5px, transparent 1.5px);\n background-size: 24px 24px;\n pointer-events: none;\n z-index: 1;\n }\n\n \/* Bio-Abstract Morphing Elements *\/\n .intro-abstract-blob-1 {\n position: absolute;\n top: 5%;\n right: -5%;\n width: 400px;\n height: 400px;\n background: linear-gradient(45deg, rgba(162, 210, 165, 0.15), rgba(85, 130, 87, 0.2));\n border-radius: 43% 57% 62% 38% \/ 45% 40% 60% 55%;\n filter: blur(20px);\n animation: morphBlob 14s linear infinite alternate;\n z-index: 1;\n pointer-events: none;\n }\n .intro-abstract-blob-2 {\n position: absolute;\n bottom: 5%;\n left: -10%;\n width: 500px;\n height: 500px;\n background: linear-gradient(45deg, rgba(85, 130, 87, 0.25), rgba(30, 53, 32, 0.3));\n border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\n filter: blur(30px);\n animation: morphBlob 18s linear infinite alternate-reverse;\n z-index: 1;\n pointer-events: none;\n }\n @keyframes morphBlob {\n 0% { border-radius: 40% 60% 60% 40% \/ 40% 60% 60% 40%; transform: rotate(0deg) scale(1); }\n 100% { border-radius: 60% 40% 40% 60% \/ 60% 40% 40% 60%; transform: rotate(180deg) scale(1.15); }\n }\n\n \/* --- HALF-OVERLAPPING PARTNERS STRIP --- *\/\n .partners-outer-container {\n position: relative;\n z-index: 3; \n max-width: 1240px;\n margin: 0 auto;\n padding: 0 24px;\n transform: translateY(-95px); \n margin-bottom: -95px;\n }\n .partners-grid {\n background: #ffffff;\n border-radius: 24px;\n padding: 42px 45px;\n box-shadow: 0 35px 75px rgba(18, 33, 20, 0.25);\n border: 1px solid rgba(255, 255, 255, 0.8);\n display: flex;\n justify-content: space-around;\n align-items: center;\n flex-wrap: wrap;\n gap: 36px;\n }\n .partner-logo-item {\n flex: 1;\n min-width: 180px;\n max-width: 240px;\n height: 110px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n .partner-logo-item:hover {\n transform: scale(1.08) translateY(-2px);\n }\n .partner-logo-item img {\n max-height: 95px;\n width: auto;\n max-width: 100%;\n object-fit: contain;\n }\n\n .partner-logo-item:nth-child(1) img { transform: scale(1.5); } \n .partner-logo-item:nth-child(2) img { transform: scale(1.6); } \n .partner-logo-item:nth-child(3) img { transform: scale(0.9); } \n .partner-logo-item:nth-child(4) img { transform: scale(1.45); } \n .partner-logo-item:nth-child(5) img { transform: scale(1.45); } \n\n \/* --- CORE INTRO BANNER --- *\/\n .intro-section {\n padding: 110px 24px 80px 24px; \n text-align: center;\n position: relative;\n z-index: 3;\n }\n .intro-container {\n max-width: 960px;\n margin: 0 auto;\n }\n .intro-text {\n font-size: 17px;\n line-height: 1.8;\n color: #ffffff !important; \n font-weight: 400;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\n }\n .intro-text strong {\n font-weight: 700;\n letter-spacing: 0.3px;\n }\n\n \/* --- RESULTS SECTION --- *\/\n .results-section {\n background-color: #edf3ee;\n padding: 130px 24px;\n position: relative;\n overflow: hidden;\n }\n .results-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 90% 10%, rgba(85, 130, 87, 0.04) 0%, transparent 60%);\n pointer-events: none;\n }\n .results-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.05fr 0.95fr;\n gap: 80px;\n align-items: center;\n }\n .results-content-block h2 {\n font-size: 42px;\n font-weight: 800;\n color: #1e3520;\n margin-bottom: 35px;\n letter-spacing: -0.5px;\n position: relative;\n display: inline-block;\n }\n .results-content-block h2::after {\n content: '';\n position: absolute;\n bottom: -8px;\n left: 0;\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, #558257, #a2d2a5);\n border-radius: 2px;\n }\n .results-list {\n list-style: none;\n }\n .results-list-item {\n position: relative;\n padding: 16px 24px 16px 56px;\n margin-bottom: 18px;\n font-size: 16px;\n line-height: 1.7;\n color: #2d3e2f;\n background: #ffffff;\n border-radius: 16px;\n box-shadow: 0 4px 20px rgba(45, 78, 49, 0.03);\n border: 1px solid rgba(85, 130, 87, 0.04);\n transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n .results-list-item:hover {\n box-shadow: 0 12px 30px rgba(45, 78, 49, 0.07);\n transform: translateX(6px);\n border-color: rgba(85, 130, 87, 0.15);\n }\n .results-list-item::before {\n content: '';\n position: absolute;\n left: 18px;\n top: 50%;\n transform: translateY(-50%);\n width: 24px;\n height: 24px;\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23558257'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'\/%3E%3C\/svg%3E\") no-repeat center center\/contain;\n }\n .results-list-item strong {\n color: #1e3520;\n font-weight: 700;\n display: inline;\n }\n\n .results-graphic-block {\n position: relative;\n }\n .results-image {\n width: 100%;\n height: 490px;\n object-fit: cover;\n border-radius: 28px;\n box-shadow: 0 25px 55px rgba(28, 53, 32, 0.08);\n }\n .floating-badge {\n position: absolute;\n top: -25px;\n left: -25px;\n background-color: #1e3520;\n padding: 26px;\n border-radius: 24px 4px 24px 24px; \n max-width: 310px;\n box-shadow: 0 20px 45px rgba(15, 29, 16, 0.3);\n border-left: 5px solid #a2d2a5;\n }\n .floating-badge span {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #ffffff;\n opacity: 0.8;\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n }\n .floating-badge h4 {\n font-size: 18px;\n font-weight: 700;\n color: #ffffff !important; \n line-height: 1.4;\n }\n\n \/* --- VALUE PROPS SECTION --- *\/\n .props-section {\n background-color: #ffffff;\n padding: 130px 24px;\n }\n .props-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 0.75fr 1.25fr;\n gap: 60px;\n align-items: center;\n }\n .props-header h2 {\n font-size: 36px;\n font-weight: 800;\n color: #1e3520;\n line-height: 1.3;\n letter-spacing: -0.5px;\n }\n .props-flex-cards {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n .prop-item-card {\n background: #ffffff;\n border: 1px solid #eef5f0;\n padding: 32px 28px;\n border-radius: 24px;\n display: flex;\n align-items: center;\n gap: 20px;\n box-shadow: 0 10px 30px rgba(45, 78, 49, 0.02);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n .prop-item-card:hover {\n border-color: #cde2cf;\n box-shadow: 0 20px 40px rgba(85, 130, 87, 0.08);\n transform: translateY(-5px);\n }\n .prop-icon-housing {\n width: 56px;\n height: 56px;\n background-color: #edf5ef;\n border-radius: 18px; \n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n .prop-icon-housing svg {\n width: 24px;\n height: 24px;\n fill: #558257;\n transition: all 0.4s ease;\n }\n .prop-item-card:hover .prop-icon-housing {\n background-color: #558257;\n border-radius: 50%;\n }\n .prop-item-card:hover .prop-icon-housing svg {\n fill: #ffffff;\n transform: scale(1.1);\n }\n .prop-inner-label {\n font-size: 15px;\n font-weight: 700;\n color: #1e3520;\n line-height: 1.4;\n }\n\n \/* --- GET INVOLVED SECTION --- *\/\n .involved-section {\n background-color: #f6faf6;\n padding: 130px 24px;\n text-align: center;\n }\n .involved-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n .involved-section h2 {\n font-size: 40px;\n font-weight: 800;\n color: #1e3520;\n margin-bottom: 16px;\n letter-spacing: -0.5px;\n }\n .involved-section > p {\n font-size: 16px;\n color: #556657;\n max-width: 680px;\n margin: 0 auto 60px auto;\n line-height: 1.7;\n }\n .profiles-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n }\n .profile-card-item {\n background: #ffffff;\n border: 1px solid #e7eee8;\n border-radius: 28px;\n padding: 50px 32px;\n display: flex;\n flex-direction: column;\n align-items: center;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.015);\n position: relative;\n overflow: hidden;\n transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \n box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n .profile-card-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 6px;\n background-color: transparent;\n transition: background-color 0.3s ease;\n }\n .profile-card-item:hover::before {\n background: linear-gradient(90deg, #558257, #a2d2a5);\n }\n .profile-card-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(28, 53, 32, 0.08);\n }\n .profile-avatar-frame {\n width: 140px;\n height: 140px;\n border-radius: 50%;\n overflow: hidden;\n margin-bottom: 28px;\n border: 5px solid #edf3ee;\n box-shadow: 0 8px 24px rgba(45,78,49,0.06);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n .profile-card-item:hover .profile-avatar-frame {\n border-color: #cde2cf;\n transform: scale(1.04) rotate(2deg);\n }\n .profile-avatar-frame img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .profile-card-item h3 {\n font-size: 21px;\n font-weight: 700;\n color: #1e3520;\n margin-bottom: 14px;\n }\n .profile-card-item p {\n font-size: 14.5px;\n color: #4a5c4c;\n line-height: 1.6;\n }\n\n \/* --- RESPONSIVE OPTIMIZATIONS --- *\/\n @media (max-width: 1024px) {\n .results-container {\n grid-template-columns: 1fr;\n gap: 60px;\n }\n .floating-badge {\n left: 20px;\n top: -20px;\n }\n .props-container {\n grid-template-columns: 1fr;\n text-align: center;\n }\n .profiles-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .hero-section {\n min-height: auto;\n padding: 140px 20px 180px 20px;\n background-attachment: scroll; \n }\n .hero-title { font-size: 48px; }\n .hero-description { font-size: 18px; }\n \n .partners-outer-container { transform: translateY(-60px); margin-bottom: -60px; }\n .partners-grid { padding: 35px 20px; gap: 24px; }\n \n .partner-logo-item { min-width: 130px; height: 80px; }\n .partner-logo-item img { max-height: 60px; }\n .partner-logo-item:nth-child(1) img { transform: scale(1.35); }\n .partner-logo-item:nth-child(2) img { transform: scale(1.4); }\n .partner-logo-item:nth-child(3) img { transform: scale(0.95); }\n .partner-logo-item:nth-child(4) img { transform: scale(1.3); }\n .partner-logo-item:nth-child(5) img { transform: scale(1.3); }\n\n .intro-section { padding-top: 90px; padding-bottom: 60px; }\n .results-content-block h2 { font-size: 32px; }\n .results-image { height: 360px; }\n .props-flex-cards { grid-template-columns: 1fr; gap: 16px; }\n .profiles-grid { grid-template-columns: 1fr; gap: 30px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"hero-section\">\n <div class=\"hero-abstract-glow-1\"><\/div>\n <div class=\"hero-abstract-glow-2\"><\/div>\n <div class=\"hero-abstract-grid\"><\/div>\n \n <div class=\"hero-wrapper\">\n <span class=\"hero-subtitle\">Bridging Agriculture and Biodiversity with Augmented Reality<\/span>\n <h1 class=\"hero-title\">EcoScape<\/h1>\n <p class=\"hero-description\">Empowering rural communities with eco-entrepreneurial skills to manage landscapes sustainably.<\/p>\n <\/div>\n <\/section>\n\n <div class=\"intro-landscape-wrapper\">\n <div class=\"intro-abstract-blob-1\"><\/div>\n <div class=\"intro-abstract-blob-2\"><\/div>\n\n <div class=\"partners-outer-container\">\n <div class=\"partners-grid\">\n <div class=\"partner-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/pol.png\" alt=\"University Waclau\">\n <\/div>\n <div class=\"partner-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/2.png\" alt=\"MVNGO\">\n <\/div>\n <div class=\"partner-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/04\/agrra_logo.png\" alt=\"AGRRA\">\n <\/div>\n <div class=\"partner-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/4.png\" alt=\"F65\">\n <\/div>\n <div class=\"partner-logo-item\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/5.png\" alt=\"Ayhub Danube\">\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"intro-section\">\n <div class=\"intro-container reveal\">\n <p class=\"intro-text\"><strong>EcoScape<\/strong> is an innovative Erasmus+ project that connects biodiversity and agriculture through cutting-edge technology and vocational training. By integrating augmented reality (AR), we provide farmers, researchers, and educators with tools to sustainably manage farmland biodiversity while fostering eco-entrepreneurship.<\/p>\n <\/div>\n <\/section>\n <\/div>\n\n <section class=\"results-section\">\n <div class=\"results-container\">\n <div class=\"results-content-block reveal-left\">\n <h2>Results<\/h2>\n <ul class=\"results-list\">\n <li class=\"results-list-item\"><strong>E-Learning Course:<\/strong> Gain practical skills in farmland biodiversity management.<\/li>\n <li class=\"results-list-item\"><strong>BioCheck App:<\/strong> Use AR to assess your farmland's biodiversity and receive tailored solutions for crop diversification, pest control, and more.<\/li>\n <li class=\"results-list-item\"><strong>Research-Driven Training:<\/strong> Participate in evidence-based courses designed to address modern agricultural challenges.<\/li>\n <\/ul>\n <\/div>\n <div class=\"results-graphic-block reveal-right\">\n <img decoding=\"async\" class=\"results-image\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/a-young-sapling-held-in-hands-symbolizes-growth-and-sustainability.-1072824-scaled.jpg\" alt=\"Transforming Agriculture\">\n <div class=\"floating-badge reveal-scale delay-2\">\n <span>EcoScape<\/span>\n <h4>Transforming Agriculture, Preserving Biodiversity<\/h4>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"props-section\">\n <div class=\"props-container\">\n <div class=\"props-header reveal-left\">\n <h2>Why EcoScape Matters:<\/h2>\n <\/div>\n <div class=\"props-flex-cards\">\n <div class=\"prop-item-card reveal-scale delay-1\">\n <div class=\"prop-icon-housing\">\n <svg viewBox=\"0 0 24 24\"><path d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.5 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'\/><\/svg>\n <\/div>\n <div class=\"prop-inner-label\">Biodiversity Preservation<\/div>\n <\/div>\n <div class=\"prop-item-card reveal-scale delay-2\">\n <div class=\"prop-icon-housing\">\n <svg viewBox=\"0 0 24 24\"><path d='M12 2L2 22h20L12 2zm0 3.99L19.53 19H4.47L12 5.99z'\/><\/svg>\n <\/div>\n <div class=\"prop-inner-label\">Climate Action<\/div>\n <\/div>\n <div class=\"prop-item-card reveal-scale delay-3\">\n <div class=\"prop-icon-housing\">\n <svg viewBox=\"0 0 24 24\"><path d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z'\/><\/svg>\n <\/div>\n <div class=\"prop-inner-label\">Digital Innovation in Agriculture<\/div>\n <\/div>\n <div class=\"prop-item-card reveal-scale delay-4\">\n <div class=\"prop-icon-housing\">\n <svg viewBox=\"0 0 24 24\"><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'\/><\/svg>\n <\/div>\n <div class=\"prop-inner-label\">Accessible Vocational Education<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"involved-section\">\n <div class=\"involved-container\">\n <h2 class=\"reveal\">Get Involved:<\/h2>\n <p class=\"reveal delay-1\">Join us in creating a sustainable future for agriculture, where technology and biodiversity go hand in hand.<\/p>\n \n <div class=\"profiles-grid\">\n <div class=\"profile-card-item reveal-scale delay-1\">\n <div class=\"profile-avatar-frame\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/a-smiling-farmer-in-plaid-flannel-enjoys-a-sunny-day-on-a-lush-green-hillside.-1482101-scaled.jpg\" alt=\"Farmers Focus Group\">\n <\/div>\n <h3>Farmers<\/h3>\n <p>Learn how to incorporate biodiversity-friendly practices into your farming.<\/p>\n <\/div>\n <div class=\"profile-card-item reveal-scale delay-2\">\n <div class=\"profile-avatar-frame\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/two-scientists-working-with-plants-in-a-bright-laboratory-environment.-8514588-scaled.jpg\" alt=\"Researchers and Educators Team\">\n <\/div>\n <h3>Researchers and Educators<\/h3>\n <p>Collaborate with us to create meaningful training and resources.<\/p>\n <\/div>\n <div class=\"profile-card-item reveal-scale delay-3\">\n <div class=\"profile-avatar-frame\">\n <img decoding=\"async\" src=\"https:\/\/ecoscape-project.eu\/wp-content\/uploads\/2025\/02\/a-woman-in-a-denim-jacket-collecting-trash-in-a-green-field-promoting-volunteer-work.-5029852-scaled.jpg\" alt=\"Eco Community Members\">\n <\/div>\n <h3>Community Members<\/h3>\n <p>Explore how biodiversity impacts local and global ecosystems.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n const animatedElements = document.querySelectorAll('[class*=\"reveal\"]');\n\n const observerOptions = {\n root: null,\n rootMargin: \"0px 0px -60px 0px\", \n threshold: 0.12\n };\n\n const intersectionObserver = new IntersectionObserver(function (entries, observer) {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add(\"active\");\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n animatedElements.forEach(element => {\n intersectionObserver.observe(element);\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>EcoScape Sadr\u017eaj odredi\u0161ne stranice Spajanje poljoprivrede i bioraznolikosti s pro\u0161irenom stvarno\u0161\u0107u EcoScape Sna\u017eno osna\u017eivanje ruralnih zajednica vje\u0161tinama eko-poduzetni\u0161tva za upravljanje krajolicima\u2026<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-1553","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/pages\/1553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/comments?post=1553"}],"version-history":[{"count":40,"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/pages\/1553\/revisions"}],"predecessor-version":[{"id":1597,"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/pages\/1553\/revisions\/1597"}],"wp:attachment":[{"href":"https:\/\/ecoscape-project.eu\/hr\/wp-json\/wp\/v2\/media?parent=1553"}],"curies":[{"name":"radni list","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}