{"id":3181,"date":"2026-01-24T17:44:28","date_gmt":"2026-01-24T16:44:28","guid":{"rendered":"https:\/\/portfolio.anmcollective.pl\/?page_id=3181"},"modified":"2026-04-06T16:04:48","modified_gmt":"2026-04-06T14:04:48","slug":"eko-dom","status":"publish","type":"page","link":"https:\/\/portfolio.anmcollective.pl\/?page_id=3181","title":{"rendered":"Eko dom"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3181\" class=\"elementor elementor-3181\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3a65c6 e-flex e-con-boxed e-con e-parent\" data-id=\"c3a65c6\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9cb204 elementor-widget elementor-widget-html\" data-id=\"a9cb204\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"scroll-indicator\">\n    <div class=\"scroll-text\">SCROLLUJ<\/div>\n    <div class=\"scroll-line-wrapper\">\n        <div class=\"scroll-line\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n    #scroll-indicator {\n        position: fixed; \/* Przypi\u0119ty do ekranu *\/\n        top: 50%; \/* Na \u015brodku wysoko\u015bci *\/\n        right: 40px; \/* Po prawej stronie (z odst\u0119pem) *\/\n        transform: translateY(-50%); \/* Dok\u0142adne centrowanie w pionie *\/\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 15px;\n        z-index: 999; \/* Bardzo wysoki z-index, nad wszystkim *\/\n        pointer-events: none; \/* Nie przeszkadza w klikaniu w inne rzeczy *\/\n        opacity: 0; \/* Domy\u015blnie ukryty, poka\u017ce go JS *\/\n    }\n\n    .scroll-text {\n        font-family: 'Lexend Zetta', sans-serif !important; \/* Sp\u00f3jna czcionka *\/\n        font-size: 10px;\n        font-weight: 600;\n        letter-spacing: 0.3em;\n        text-transform: uppercase;\n        color: #1E5128 !important; \/* Ciemna ziele\u0144 ze strony *\/\n        writing-mode: vertical-rl; \/* Tekst pionowo *\/\n        transform: rotate(180deg); \/* Korekta kierunku tekstu pionowego *\/\n    }\n\n    .scroll-line-wrapper {\n        width: 2px;\n        height: 80px;\n        background-color: rgba(30, 81, 40, 0.2); \/* Przezroczysta ziele\u0144 t\u0142a linii *\/\n        overflow: hidden;\n        border-radius: 2px;\n    }\n\n    .scroll-line {\n        width: 100%;\n        height: 100%;\n        background-color: #8B5E3C !important; \/* Br\u0105zowy akcent (jak linie dekoracyjne) *\/\n        transform-origin: top;\n    }\n<\/style>\n\n<script>\nwindow.addEventListener('load', () => {\n    \/\/ Upewniamy si\u0119, \u017ce GSAP jest za\u0142adowany\n    if (typeof gsap !== \"undefined\") {\n        \n        const indicator = document.querySelector('#scroll-indicator');\n        const line = document.querySelector('.scroll-line');\n\n        \/\/ A. Animacja pojawienia si\u0119 (fading) po za\u0142adowaniu strony\n        gsap.to(indicator, {\n            opacity: 1,\n            duration: 1,\n            delay: 1.5, \/\/ Poka\u017c chwil\u0119 po starcie intro\n            ease: \"power2.out\"\n        });\n\n        \/\/ B. Nieustanny ruch linii (efekt \"rysowania\" w k\u00f3\u0142ko)\n        \/\/ To przyci\u0105ga wzrok i sugeruje przewijanie\n        gsap.fromTo(line, \n            { scaleY: 0 }, \n            { \n                scaleY: 1, \n                duration: 1.5, \n                repeat: -1, \/\/ Niesko\u0144czono\u015b\u0107\n                ease: \"power1.inOut\",\n                stagger: {\n                    each: 0.5,\n                    repeat: -1,\n                    yoyo: true \/\/ Wraca z powrotem\n                }\n            }\n        );\n\n        \/\/ OPTYMALNIE: Ukrycie wska\u017anika, gdy u\u017cytkownik dotrze do stopki\n        if (typeof ScrollTrigger !== \"undefined\") {\n            gsap.to(indicator, {\n                scrollTrigger: {\n                    trigger: \"#main-footer-classic\", \/\/ Identyfikator Twojej stopki\n                    start: \"top bottom\", \/\/ Gdy g\u00f3ra stopki dotknie do\u0142u ekranu\n                    toggleActions: \"play none none reverse\", \/\/ Znika przy wej\u015bciu, wraca przy wyj\u015bciu\n                },\n                opacity: 0,\n                duration: 0.5,\n                ease: \"power2.in\"\n            });\n        }\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab85b61 e-flex e-con-boxed e-con e-parent\" data-id=\"ab85b61\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b41fc51 elementor-widget elementor-widget-html\" data-id=\"b41fc51\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"portfolio-dock-wrapper\">\n    <div class=\"dock-notice\">\n        Ogl\u0105dasz portfolio <strong>ANM Collective<\/strong>\n    <\/div>\n\n    <div class=\"portfolio-nav-dock\">\n        <div class=\"dock-signature\">\n            <a href=\"https:\/\/portfolio.anmcollective.pl\/\" class=\"signature-link\">\n                <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logo-bez-tla-1.webp\" alt=\"ANM Collective\">\n                <div class=\"signature-text\">\n                    <span>Created by<\/span>\n                    <strong>ANM Collective<\/strong>\n                <\/div>\n            <\/a>\n        <\/div>\n\n        <div class=\"dock-divider\"><\/div>\n\n        <div class=\"dock-scroll-viewport\">\n            <div class=\"dock-container\" id=\"dockContainerScroll\">\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=1548\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lapkaweb.webp\" alt=\"\u0141apka\"><\/a>\n                    <span class=\"tooltip\">\u0141apka<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=22\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/makramoreweb.webp\" alt=\"Makramore\"><\/a>\n                    <span class=\"tooltip\">Makramore<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=2248\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/old-town-bez-tlaweb.webp\" alt=\"Old Town\"><\/a>\n                    <span class=\"tooltip\">Old Town<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=881\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logoqubic-ezgif.com-video-to-webp-converter.webp\" alt=\"Qubis form\"><\/a>\n                    <span class=\"tooltip\">Qubis Form<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=2244\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/04\/szafir.png\" alt=\"Szafir\"><\/a>\n                    <span class=\"tooltip\">Szafir<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=2246\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/slow-nestweb.webp\" alt=\"Slow Nest\"><\/a>\n                    <span class=\"tooltip\">Slow Nest<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=3179\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lukierowniaweb.webp\" alt=\"Lukrownia\"><\/a>\n                    <span class=\"tooltip\">Lukrownia<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=3181\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/ekodomweb.webp\" alt=\"Eco dom\"><\/a>\n                    <span class=\"tooltip\">Eco dom<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=5616\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/zumbaweb.webp\" alt=\"Zumba\"><\/a>\n                    <span class=\"tooltip\">Zumba<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"dock-divider\"><\/div>\n\n        <div class=\"dock-arrows\">\n            <button type=\"button\" class=\"dock-arrow\" onclick=\"document.getElementById('dockContainerScroll').scrollBy({left: -150, behavior: 'smooth'})\">\u2039<\/button>\n            <button type=\"button\" class=\"dock-arrow\" onclick=\"document.getElementById('dockContainerScroll').scrollBy({left: 150, behavior: 'smooth'})\">\u203a<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* G\u0142\u00f3wny kontener i ZMIENNE KOLORYSTYCZNE *\/\n.portfolio-dock-wrapper {\n    \/* ========================================== *\/\n    \/* \ud83d\udfe2 WASZ KOLOR T\u0141A (#253A2A)               *\/\n    \/* ========================================== *\/\n    --anm-bg-rgb: 37, 58, 42; \n\n    \/* Nieco ja\u015bniejsza ziele\u0144 do po\u015bwiaty, aby \u0142adnie odcina\u0142a si\u0119 od ciemnego t\u0142a *\/\n    --anm-glow-rgb: 70, 140, 90;\n\n    \/* Przezroczysto\u015bci dla po\u015bwiaty *\/\n    --anm-glow-strong: rgba(var(--anm-glow-rgb), 0.5);\n    --anm-glow-soft:   rgba(var(--anm-glow-rgb), 0.3);\n    --anm-glow-edge:   rgba(var(--anm-glow-rgb), 0.2);\n    --anm-glow-hover:  rgba(var(--anm-glow-rgb), 0.5);\n    \n    position: fixed;\n    bottom: 25px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 2147483647 !important;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    pointer-events: none; \n}\n\n\/* Stylizacja notki nad paskiem (T\u0141O W KOLORZE #253A2A) *\/\n.dock-notice {\n    background: rgba(var(--anm-bg-rgb), 0.95);\n    color: rgba(255, 255, 255, 0.9);\n    padding: 6px 20px;\n    border-radius: 30px;\n    font-size: 12px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    pointer-events: auto;\n    \/* Delikatna po\u015bwiata notki *\/\n    box-shadow: 0 5px 15px var(--anm-glow-soft), 0 2px 10px rgba(0,0,0,0.5);\n    font-family: sans-serif;\n}\n\n.dock-notice strong {\n    color: #ffffff;\n    font-weight: bold;\n}\n\n\/* Powi\u0119kszony panel dock (T\u0141O W KOLORZE #253A2A) *\/\n.portfolio-nav-dock {\n    position: relative;\n    display: flex !important;\n    align-items: center;\n    background: rgba(var(--anm-bg-rgb), 0.95) !important;\n    padding: 0 30px;\n    border-radius: 100px;\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    height: 75px; \n    pointer-events: auto !important; \n    \n    \/* Wielowarstwowe pod\u015bwietlenie *\/\n    box-shadow: \n        0 10px 30px rgba(0, 0, 0, 0.9),           \n        0 15px 45px var(--anm-glow-strong),       \n        0 0 20px var(--anm-glow-soft),          \n        inset 0 -2px 10px var(--anm-glow-edge); \n}\n\n\/* Powi\u0119kszony obszar przewijania *\/\n.dock-scroll-viewport {\n    width: 380px; \n    overflow: hidden;\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.dock-container {\n    display: flex;\n    align-items: center;\n    gap: 20px; \n    overflow-x: auto;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    padding: 0 10px;\n    pointer-events: all !important;\n}\n.dock-container::-webkit-scrollbar { display: none; }\n\n.dock-item {\n    position: relative;\n    flex-shrink: 0;\n    width: 50px;\n    display: flex;\n    justify-content: center;\n}\n\n\/* Powi\u0119kszone ikony portfolio *\/\n.dock-item img {\n    width: 46px; \n    height: 46px; \n    object-fit: contain;\n    filter: grayscale(100%) opacity(0.6);\n    transition: 0.3s ease;\n}\n\n.dock-item:hover img {\n    filter: grayscale(0%) opacity(1);\n    transform: scale(1.2);\n}\n\n\/* Dostosowane Tooltipy *\/\n.tooltip {\n    position: absolute;\n    bottom: 80px; \n    left: 50%;\n    transform: translateX(-50%) translateY(10px);\n    background: #fff;\n    color: #000;\n    padding: 7px 15px; \n    border-radius: 8px;\n    font-size: 13px; \n    font-weight: bold;\n    opacity: 0;\n    pointer-events: none;\n    transition: 0.2s ease;\n    white-space: nowrap;\n    box-shadow: 0 5px 15px var(--anm-glow-soft);\n}\n\n.dock-item:hover .tooltip {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n}\n\n.dock-arrows {\n    display: flex;\n    gap: 12px;\n    pointer-events: all !important;\n}\n\n\/* Powi\u0119kszone przyciski strza\u0142ek *\/\n.dock-arrow {\n    background: rgba(255,255,255,0.15) !important;\n    border: 1px solid rgba(255,255,255,0.1) !important;\n    color: white !important;\n    width: 40px; \n    height: 40px; \n    border-radius: 50%;\n    cursor: pointer !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px; \n    z-index: 10;\n    pointer-events: all !important;\n    transition: 0.3s;\n}\n\n.dock-arrow:hover {\n    background: rgba(255,255,255,0.3) !important;\n    box-shadow: 0 0 15px var(--anm-glow-hover); \n}\n\n\/* Powi\u0119kszone logo i teksty *\/\n.signature-link { display: flex; align-items: center; gap: 10px; text-decoration: none; }\n.dock-signature img { width: 40px; height: 40px; } \n.signature-text strong { font-size: 12px; color: #fff; white-space: nowrap; display: block; } \n.signature-text span { font-size: 9px; color: rgba(255,255,255,0.7); display: block; } \n.dock-divider { width: 1px; height: 30px; background: rgba(255,255,255,0.2); margin: 0 20px; } \n\n\/* Responsywno\u015b\u0107 dla telefon\u00f3w *\/\n@media (max-width: 768px) {\n    .dock-scroll-viewport { width: 160px; }\n    .signature-text { display: none; }\n    .portfolio-nav-dock { padding: 0 15px; height: 65px; }\n    .dock-item img { width: 38px; height: 38px; }\n    .dock-notice { font-size: 10px; padding: 5px 15px; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffc56df elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"ffc56df\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0058147 elementor-widget elementor-widget-html\" data-id=\"0058147\" data-element_type=\"widget\" id=\"sekcja-1\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n\n\n<div id=\"intro-scene\">\n\n    <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/ekodomweb.webp\" id=\"logo-main\" alt=\"Logo\">\n\n    \n\n    <div id=\"main-slogan\">BUDUJ Z NATUR\u0104<\/div>\n\n\n    <div class=\"layer layer-1\">\n\n        <div class=\"overlay-dark\"><\/div>\n\n        <div class=\"bg-image image-primary\"><\/div>\n\n    <\/div>\n\n\n    <div class=\"layer layer-2\">\n\n        <div class=\"bg-image image-secondary\"><\/div>\n\n        \n\n        <nav id=\"bottom-nav\">\n\n            <a href=\"#onas\">O NAS<\/a>\n\n            <a href=\"#realizacje\">REALIZACJE<\/a>\n\n            <a href=\"#kontakt\">KONTAKT<\/a>\n             <a href=\"#standardy\">STANDARY<\/a>\n\n            \n\n        <\/nav>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n#intro-scene {\n\n    position: relative;\n\n    width: 100%;\n\n    height: 100vh;\n\n    min-height: 100vh;\n\n    overflow: hidden;\n\n    background-color: #050505; \/* Ciemne t\u0142o bazowe *\/\n\n}\n\n\n\/* Wymuszamy widoczno\u015b\u0107 warstw *\/\n\n.layer {\n\n    position: absolute;\n\n    top: 0;\n\n    left: 0;\n\n    width: 100%;\n\n    height: 100%;\n\n    visibility: visible !important;\n\n    opacity: 1 !important;\n\n    display: block !important;\n\n}\n\n\n.layer-1 { z-index: 10; }\n\n.layer-2 { z-index: 5; }\n\n\n.bg-image {\n\n    width: 100%;\n\n    height: 100%;\n\n    background-size: cover;\n\n    background-position: center;\n\n    background-repeat: no-repeat;\n\n    \/* Zapobiegamy mruganiu podczas animacji transform *\/\n\n    backface-visibility: hidden;\n\n    -webkit-backface-visibility: hidden;\n\n}\n\n\n.image-primary {\n\n    background-image: url('https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/saavav.webp') !important;\n\n}\n\n\n.image-secondary {\n\n    background-image: url('https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/polska.webp') !important;\n\n}\n\n\n.overlay-dark {\n\n    position: absolute;\n\n    inset: 0;\n\n    background: rgba(0,0,0,0.4);\n\n    z-index: 2;\n\n}\n\n\n#logo-main {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 450px; \/* Jeszcze wi\u0119ksze logo na wej\u015bciu *\/\n    z-index: 100;\n    will-change: transform, top, left;\n    \/* Filtr, aby logo by\u0142o wyra\u017ane na zdj\u0119ciu *\/\n    filter: drop-shadow(0 0 20px rgba(0,0,0,0.3));\n}\n\n#main-slogan {\n\n    position: fixed;\n\n    top: 50%;\n\n    left: 50%;\n\n    transform: translate(-50%, -50%);\n\n    z-index: 90;\n\n    color: #ffffff;\n\n    font-family: 'Alfa Slab One', sans-serif;\n\n    font-size: clamp(2rem, 6vw, 5rem);\n\n    font-weight: 900;\n\n    text-align: center;\n\n    width: 100%;\n\n    opacity: 0;\n\n    pointer-events: none;\n\n}\n\n\n#bottom-nav {\n\n    position: absolute;\n\n    bottom: -100px;\n\n    left: 0;\n\n    width: 100%;\n\n    display: flex;\n\n    justify-content: center;\n\n    gap: 40px;\n\n    padding: 30px;\n\n    background: linear-gradient(transparent, rgba(0,0,0,0.9));\n\n    z-index: 20;\n\n}\n\n\n#bottom-nav a {\n\n    color: white;\n\n    text-decoration: none;\n\n    font-family: sans-serif;\n\n    font-weight: bold;\n\n    letter-spacing: 2px;\n\n}\n\n\n\/* EDYTOR ELEMENTORA *\/\n\n.elementor-editor-active #intro-scene { height: 400px !important; }\n\n.elementor-editor-active #logo-main { position: absolute !important; scale: 0.5 !important; }\n\n.elementor-editor-active #main-slogan { position: absolute !important; opacity: 0.3 !important; scale: 0.4 !important; }\n\n<\/style>\n\n\n<script>\n\nconst isEditor = window.location.href.includes('elementor-preview') || \n\n                 document.body.classList.contains('elementor-editor-active');\n\n\nfunction runIntro() {\n\n    if (isEditor) return;\n\n\n    if (typeof gsap !== \"undefined\") {\n\n        gsap.registerPlugin(ScrollTrigger);\n\n\n        \/\/ Od\u015bwie\u017cenie ScrollTriggera, \u017ceby przeliczy\u0142 wysoko\u015bci po za\u0142adowaniu zdj\u0119\u0107\n\n        ScrollTrigger.refresh();\n\n\n        const mainTimeline = gsap.timeline({\n\n            scrollTrigger: {\n\n                trigger: \"#intro-scene\",\n\n                start: \"top top\",\n\n                end: \"+=400%\",\n\n                scrub: 1,\n\n                pin: true,\n\n                anticipatePin: 1\n\n            }\n\n        });\n\n\n        \/\/ 1. Logo w r\u00f3g\n\n        mainTimeline.to(\"#logo-main\", {\n\n            top: \"60px\",\n\n            left: \"80px\",\n\n            xPercent: 0,\n\n            yPercent: 0,\n\n            scale: 0.7,\n\n            duration: 2,\n\n            ease: \"power2.inOut\"\n\n        });\n\n\n        \/\/ 2. Slogan\n\n        mainTimeline.to(\"#main-slogan\", {\n\n            opacity: 1,\n\n            duration: 1.5\n\n        }, \"-=1\");\n\n\n        \/\/ 3. Wyjazd warstwy 1\n\n        mainTimeline.to(\".layer-1\", {\n\n            yPercent: -100,\n\n            duration: 3,\n\n            ease: \"none\" \/\/ Zmiana na none dla lepszej kontroli scrollem\n\n        }, \"+=0.5\");\n\n\n        \/\/ 4. Menu\n\n        mainTimeline.to(\"#bottom-nav\", {\n\n            bottom: \"0px\",\n\n            duration: 1.2\n\n        });\n\n    }\n\n}\n\n\n\/\/ Uruchomienie z wymuszonym od\u015bwie\u017ceniem\n\nwindow.addEventListener('load', () => {\n\n    setTimeout(() => {\n\n        runIntro();\n\n        ScrollTrigger.refresh();\n\n    }, 500);\n\n});\n\n<\/script> \t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-484a618 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"484a618\" data-element_type=\"container\" id=\"onas\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45bea08 elementor-widget elementor-widget-html\" data-id=\"45bea08\" data-element_type=\"widget\" id=\"sekcja-2\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"iron-reveal-pinned\">\n    <div class=\"marquee-spacer\">\n        <div class=\"marquee-track\">\n            <div class=\"marquee-content\">\n                <span>EKODOM \u2022 ARCHITEKTURA \u2022 NATURA \u2022 DESIGN \u2022 <\/span>\n                <span>EKODOM \u2022 ARCHITEKTURA \u2022 NATURA \u2022 DESIGN \u2022 <\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"content-container\">\n        <div class=\"about-grid\" id=\"pin-target\">\n            <div class=\"iron-element-left\">\n                <p class=\"tagline\">O NASZEJ FILOZOFII<\/p>\n                <h2 class=\"section-title\">Tworzymy domy, kt\u00f3re <span class=\"highlight\">oddychaj\u0105<\/span>.<\/h2>\n                <div class=\"description\">\n                    <p>Wierzymy, \u017ce luksus to nie tylko drogie materia\u0142y, ale przede wszystkim spok\u00f3j i zdrowie. Nasze projekty \u0142\u0105cz\u0105 surowo\u015b\u0107 drewna i betonu.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"iron-element-right\">\n                <div class=\"image-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/edfq.webp\" alt=\"Wn\u0119trze\" class=\"iron-zoom-img\">\n                <\/div>\n                <div class=\"experience-badge\">\n                    <strong>15<\/strong><span>lat do\u015bwiadczenia<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* 1. ODBLOKOWANIE PRZEZROCZYSTO\u015aCI *\/\n#iron-reveal-pinned { \n    background: transparent !important; \n    padding: 0; \n    position: relative; \n    z-index: 3; \n    overflow: visible;\n}\n\n#iron-reveal-pinned .content-container,\n#iron-reveal-pinned .elementor-widget-wrap {\n    background: transparent !important;\n}\n\n.about-grid { \n    display: grid; \n    grid-template-columns: 1fr 1.2fr; \n    gap: 80px; \n    align-items: center; \n    height: 100vh; \n    width: 100%;\n    margin: 0 auto;\n    max-width: 1300px;\n    background: transparent !important;\n}\n\n\/* 2. ELEMENTY ANIMOWANE *\/\n.iron-element-left { \n    opacity: 0; \n    transform: translateX(-600px); \n    filter: blur(20px); \n}\n\n.iron-element-right { \n    opacity: 0; \n    transform: translateX(600px); \n    filter: blur(20px); \n}\n\n.iron-zoom-img { \n    transform: scale(2); \n    width: 100%; \n    height: 60vh; \n    object-fit: cover; \n    display: block;\n}\n\n.image-frame { \n    overflow: hidden; \n    border-radius: 40px; \/* Zaokr\u0105glone do stylu reszty strony *\/\n    position: relative;\n    box-shadow: 0 30px 60px rgba(30, 81, 40, 0.2);\n}\n\n\/* 3. MARQUEE - EFEKT WYCI\u0118TYCH LITER *\/\n.marquee-spacer { \n    background: #0E362B !important; \/* Ciemna ziele\u0144 stopki *\/\n    padding: 30px 0; \n    display: flex; \n    overflow: hidden; \n    position: relative; \n    z-index: 10; \n}\n\n.marquee-track { display: flex; white-space: nowrap; }\n\n.marquee-content span { \n    font-size: 5rem; \n    font-weight: 900; \n    text-transform: uppercase; \n    padding-right: 50px; \n    font-family: 'Lexend Zetta', sans-serif;\n    \n    \/* EFEKT PRZE\u015aWITU *\/\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n    \/* U\u017cywamy gradientu nieba, aby imitowa\u0107 prze\u015bwit *\/\n    background: linear-gradient(to bottom, #A9C9D9, #E8DCC4);\n    background-clip: text;\n    -webkit-background-clip: text;\n    \n    \/* Delikatny obrys dla czytelno\u015bci *\/\n    -webkit-text-stroke: 1px rgba(245, 245, 220, 0.1);\n}\n\n\/* Badge do\u015bwiadczenia *\/\n.experience-badge {\n    background: #8DBE4F;\n    color: #1E5128;\n    padding: 20px;\n    border-radius: 15px;\n    position: absolute;\n    bottom: -20px;\n    right: -20px;\n    font-family: 'Lexend Zetta', sans-serif;\n    z-index: 5;\n}\n\n@media (max-width: 1024px) {\n    .about-grid { grid-template-columns: 1fr; height: auto; padding: 100px 20px; }\n    .iron-element-left, .iron-element-right { transform: translateY(50px); }\n    .marquee-content span { font-size: 2.5rem; }\n}\n<\/style>\n\n<script>\nwindow.addEventListener('load', () => {\n    setTimeout(() => {\n        if (typeof gsap === \"undefined\") return;\n        gsap.registerPlugin(ScrollTrigger);\n\n        const tl = gsap.timeline({\n            scrollTrigger: {\n                trigger: \"#iron-reveal-pinned\",\n                start: \"top top\",\n                end: \"+=1500\",\n                scrub: 2,\n                pin: true,\n                anticipatePin: 1,\n                invalidateOnRefresh: true\n            }\n        });\n\n        tl.to(\".iron-element-left\", {\n            x: 0,\n            opacity: 1,\n            filter: \"blur(0px)\",\n            ease: \"power2.out\"\n        }, 0);\n\n        tl.to(\".iron-element-right\", {\n            x: 0,\n            opacity: 1,\n            filter: \"blur(0px)\",\n            ease: \"power2.out\"\n        }, 0);\n\n        tl.to(\".iron-zoom-img\", {\n            scale: 1,\n            ease: \"power2.out\"\n        }, 0);\n\n        \/\/ Infinite Marquee - Dopasowana pr\u0119dko\u015b\u0107\n        gsap.to(\".marquee-track\", {\n            xPercent: -50,\n            duration: 30,\n            ease: \"none\",\n            repeat: -1\n        });\n\n        ScrollTrigger.refresh();\n    }, 500);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a6191c elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"3a6191c\" data-element_type=\"container\" id=\"onas\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21d4566 elementor-widget elementor-widget-html\" data-id=\"21d4566\" data-element_type=\"widget\" id=\"sekcja-3 , onas\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend+Zetta:wght@100..900&family=Alfa+Slab+One&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* 1. USUNI\u0118CIE T\u0141A Z G\u0141\u00d3WNYCH KONTENER\u00d3W *\/\n    html, body, #page, .elementor, .elementor-section-wrap {\n        background-color: transparent !important; \/* Tutaj zmienione na transparent *\/\n        margin: 0;\n        padding: 0;\n    }\n\n    \/* Reset dla sekcji Ekodom *\/\n    #sekcja-o-nas, #why-us-section, #ironhill-epic-pinned, #kinetic-config-section, #main-footer-classic {\n        font-family: 'Lexend Zetta', sans-serif !important;\n        background-color: transparent !important; \/* Tutaj zmienione na transparent *\/\n    }\n\n    \/* Nag\u0142\u00f3wki Alfa Slab One *\/\n    h2, h3, .section-title, .reveal-title, .k-title {\n        font-family: 'Alfa Slab One', cursive !important;\n        color: #1E5128 !important;\n        text-transform: none !important;\n        line-height: 1.1 !important;\n        letter-spacing: -0.02em !important;\n    }\n\n    \/* 2. NAPRAWA WRAPPER\u00d3W ZDJ\u0118\u0106 *\/\n    .iron-img-wrapper {\n        background: transparent !important;\n        background-color: transparent !important; \/* Usuni\u0119to be\u017c *\/\n        border-radius: 40px;\n        overflow: hidden;\n        box-shadow: 0 15px 45px rgba(30, 81, 40, 0.15);\n        opacity: 0;\n        filter: blur(15px);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .reveal-img-epic {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important;\n        display: block;\n        transform: scale(1.3);\n    }\n\n    \/* Stylizacja przycisk\u00f3w *\/\n    .k-btn, .opt-btn, .col-icon {\n        font-family: 'Lexend Zetta', sans-serif !important;\n        border: 1px solid #1E5128 !important;\n        color: #1E5128 !important;\n    }\n\n    .k-btn:hover, .opt-btn:hover, .selected {\n        background-color: #8DBE4F !important;\n        color: #fff !important;\n        border-color: #8DBE4F !important;\n    }\n\n    \/* Linie dekoracyjne *\/\n    .line-decor-epic, .footer-line {\n        background-color: #8B5E3C !important;\n    }\n\n    \/* 3. LAYOUT GRID - ZWI\u0118KSZONY ROZSTAW *\/\n    .iron-container {\n        display: grid;\n        grid-template-columns: 1fr 1.4fr 1fr;\n        gap: 120px;\n        max-width: 1900px;\n        margin: 0 auto;\n        height: 100vh;\n        align-items: center;\n        padding: 0 4%;\n        background-color: transparent !important; \/* Wymuszenie przezroczysto\u015bci kontenera *\/\n    }\n\n    #ironhill-epic-pinned {\n        background-color: transparent !important; \/* KLUCZ: Usuni\u0119to be\u017c st\u0105d *\/\n    }\n\n    .v-long { height: 75vh; }\n    .square { height: 35vh; width: 100%; max-width: 500px; margin: 0 auto; }\n    .vertical { height: 60vh; }\n\n    .iron-text-box {\n        margin-bottom: 20px;\n        text-align: center;\n    }\n\n    .animate-text {\n        opacity: 0;\n        transform: translateY(30px);\n        filter: blur(10px);\n    }\n<\/style>\n\n<section id=\"ironhill-epic-pinned\">\n    <div class=\"iron-container\" id=\"epic-pin-target\">\n        <div class=\"iron-item left-item\">\n            <div class=\"iron-img-wrapper v-long\" id=\"epic-img-left\">\n                <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/saavav.webp\" class=\"reveal-img-epic\">\n            <\/div>\n            <div class=\"iron-caption animate-text\">\n                <span class=\"line-decor-epic\"><\/span>\n                <p>Zr\u00f3wnowa\u017cone materia\u0142y<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"iron-item center-item\">\n            <div class=\"iron-text-box animate-text\">\n                <span class=\"reveal-tag\" style=\"color:#8DBE4F; font-weight:900; letter-spacing: 3px;\">O PROJEKCIE<\/span>\n                <h2 class=\"reveal-title\">Gdzie natura spotyka luksus<\/h2>\n                <div style=\"font-family: 'Lexend Zetta'; margin-top: 15px; font-size: 13px; color: #1E5128;\">\n                    Odkryj domy, kt\u00f3re oddychaj\u0105 natur\u0105 i definiuj\u0105 nowy standard architektury.\n                <\/div>\n            <\/div>\n            <div class=\"iron-img-wrapper square\" id=\"epic-img-center\">\n                <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/edfq.webp\" class=\"reveal-img-epic\">\n            <\/div>\n        <\/div>\n\n        <div class=\"iron-item right-item\">\n            <div class=\"iron-img-wrapper vertical\" id=\"epic-img-right\">\n                <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/polska.webp\" class=\"reveal-img-epic\">\n            <\/div>\n            <div class=\"iron-caption animate-text\">\n                <p>Lokalizacja premium<\/p>\n                <span class=\"line-decor-epic\"><\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\nwindow.addEventListener('load', () => {\n    \/\/ FUNKCJA CZYSZCZ\u0104CA T\u0141A ELEMENTORA (Wymuszenie przezroczysto\u015bci)\n    const clearElementorBgs = () => {\n        const sections = document.querySelectorAll('#ironhill-epic-pinned, .iron-container, .elementor-section, .elementor-column');\n        sections.forEach(el => {\n            el.style.setProperty('background-color', 'transparent', 'important');\n            el.style.setProperty('background-image', 'none', 'important');\n        });\n    };\n\n    setTimeout(() => {\n        if (typeof gsap !== \"undefined\") {\n            gsap.registerPlugin(ScrollTrigger);\n\n            clearElementorBgs();\n\n            const epicTl = gsap.timeline({\n                scrollTrigger: {\n                    trigger: \"#ironhill-epic-pinned\",\n                    start: \"top top\",\n                    end: \"+=3000\",\n                    scrub: 2,\n                    pin: true,\n                    anticipatePin: 1\n                }\n            });\n\n            \/\/ Animacja Reveal\n            epicTl.to(\".iron-img-wrapper\", { filter: \"blur(0px)\", opacity: 1, duration: 0.8 }, 0);\n            epicTl.to(\".animate-text\", { opacity: 1, y: 0, filter: \"blur(0px)\", stagger: 0.1 }, 0.2);\n\n            epicTl.fromTo(\"#epic-img-left\", \n                { x: -1000, rotate: -20 }, \n                { x: 0, rotate: -3, ease: \"power2.out\" }, 0);\n\n            epicTl.fromTo(\"#epic-img-center\", \n                { y: 1000, rotate: 10 }, \n                { y: 0, rotate: 0, ease: \"power2.out\" }, 0.1);\n\n            epicTl.fromTo(\"#epic-img-right\", \n                { x: 1000, y: -500, rotate: 20 }, \n                { x: 0, y: 0, rotate: 4, ease: \"power2.out\" }, 0.2);\n\n            epicTl.to(\".reveal-img-epic\", { scale: 1, ease: \"power1.inOut\" }, 0);\n\n            ScrollTrigger.refresh();\n        }\n    }, 1000);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ebfd5b4 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"ebfd5b4\" data-element_type=\"container\" id=\"realizacje\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64ff2a6 elementor-widget elementor-widget-html\" data-id=\"64ff2a6\" data-element_type=\"widget\" id=\"sekcja-4\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* FUNDAMENT SEKCJI *\/\n    #sekcja-realizacje-v2 {\n        position: relative;\n        overflow: hidden;\n       \n        width: 100%;\n        height: 100vh; \/* Sekcja musi mie\u0107 100vh dla poprawnego dzia\u0142ania pin *\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .real-grid-container {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        \/* U\u017cywamy fr zamiast vh, aby zdj\u0119cia wype\u0142ni\u0142y kontener bez wychodzenia poza ekran *\/\n        grid-template-rows: repeat(2, 1fr); \n        gap: 30px;\n        max-width: 1600px;\n        width: 90%;\n        \/* Zmniejszamy wysoko\u015b\u0107 grida, aby zostawi\u0107 miejsce na marginesy (oddech) *\/\n        height: 85vh; \n        margin: 0 auto;\n        position: relative;\n    }\n\n    \/* NAG\u0141\u00d3WEK *\/\n    .real-info-box {\n        grid-column: 1 \/ span 2;\n        grid-row: 1 \/ span 1;\n        z-index: 10;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .section-title {\n        font-family: 'Alfa Slab One', cursive !important;\n        color: #1E5128 !important;\n        line-height: 1.1;\n        margin: 10px 0;\n    }\n\n    \/* KAFELKI ZDJ\u0118\u0106 *\/\n    .real-tile {\n        position: relative;\n        overflow: hidden;\n        border-radius: 40px;\n        background: transparent !important;\n        box-shadow: 0 20px 60px rgba(30, 81, 40, 0.12);\n        opacity: 0;\n        filter: blur(15px);\n        width: 100%;\n        height: 100%;\n    }\n\n    .real-tile img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover !important;\n        display: block;\n        transition: transform 0.5s ease;\n    }\n\n    \/* ASYMETRYCZNE U\u0141O\u017bENIE - IDEALNIE DOPASOWANE *\/\n    .tile-A { grid-column: 3 \/ span 1; grid-row: 1 \/ span 1; }\n    .tile-B { grid-column: 4 \/ span 1; grid-row: 1 \/ span 2; }\n    .tile-C { grid-column: 1 \/ span 2; grid-row: 2 \/ span 1; }\n    .tile-D { grid-column: 3 \/ span 1; grid-row: 2 \/ span 1; }\n\n    \/* Responsywno\u015b\u0107 *\/\n    @media (max-width: 1024px) {\n        .real-grid-container { \n            grid-template-columns: repeat(2, 1fr); \n            grid-template-rows: auto;\n            height: auto;\n        }\n        .tile-B { grid-row: span 1; }\n    }\n<\/style>\n\n<section id=\"sekcja-realizacje-v2\">\n    <div class=\"real-grid-container\">\n        \n        <div class=\"real-info-box\">\n            <span style=\"color:#8DBE4F; font-family:'Lexend Zetta'; font-weight:900; font-size:11px; letter-spacing:3px;\">NASZE PROJEKTY<\/span>\n            <h2 class=\"section-title\" style=\"font-size: clamp(2rem, 4vw, 4rem);\">Nasze <br>Realizacje<\/h2>\n            <p style=\"font-family: 'Lexend Zetta'; font-size: 13px; color: #8B5E3C; max-width: 350px; line-height: 1.6;\">Ka\u017cdy dom to inna historia zapisana w drewnie i otoczona natur\u0105.<\/p>\n        <\/div>\n\n        <div class=\"real-tile tile-A\" id=\"v2-img-1\">\n            <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/saavav.webp\">\n        <\/div>\n\n        <div class=\"real-tile tile-B\" id=\"v2-img-2\">\n            <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/polska.webp\">\n        <\/div>\n\n        <div class=\"real-tile tile-C\" id=\"v2-img-3\">\n            <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/edfq.webp\">\n        <\/div>\n\n        <div class=\"real-tile tile-D\" id=\"v2-img-4\">\n            <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/wqdn.webp\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\nwindow.addEventListener('load', () => {\n    setTimeout(() => {\n        if (typeof gsap !== \"undefined\") {\n            gsap.registerPlugin(ScrollTrigger);\n\n            const v2Tl = gsap.timeline({\n                scrollTrigger: {\n                    trigger: \"#sekcja-realizacje-v2\",\n                    start: \"top top\",\n                    end: \"+=4000\", \/\/ Wyd\u0142u\u017cony dystans dla lepszego efektu scrub\n                    scrub: 1.5,    \/\/ Mocne po\u0142\u0105czenie ze scrollem\n                    pin: true,\n                    pinSpacing: true,\n                    anticipatePin: 1\n                }\n            });\n\n            \/\/ Animacja nag\u0142\u00f3wka (wjazd z lewej)\n            v2Tl.from(\".real-info-box\", { x: -200, opacity: 0, duration: 2 }, 0);\n\n            \/\/ Tile A: z prawej-g\u00f3ry\n            v2Tl.fromTo(\"#v2-img-1\", \n                { x: 800, y: -400, rotate: 10 }, \n                { x: 0, y: 0, rotate: 0, opacity: 1, filter: \"blur(0px)\", duration: 3 }, 0.2);\n\n            \/\/ Tile B: pionowo z g\u00f3ry\n            v2Tl.fromTo(\"#v2-img-2\", \n                { y: -1000, rotate: -5 }, \n                { y: 0, rotate: 0, opacity: 1, filter: \"blur(0px)\", duration: 3 }, 0.4);\n\n            \/\/ Tile C: z lewej strony\n            v2Tl.fromTo(\"#v2-img-3\", \n                { x: -1000, rotate: -10 }, \n                { x: 0, y: 0, rotate: 0, opacity: 1, filter: \"blur(0px)\", duration: 3 }, 0.3);\n\n            \/\/ Tile D: z do\u0142u pod skosem\n            v2Tl.fromTo(\"#v2-img-4\", \n                { x: 400, y: 800, rotate: 8 }, \n                { x: 0, y: 0, rotate: 0, opacity: 1, filter: \"blur(0px)\", duration: 3 }, 0.5);\n\n            \/\/ Delikatny zoom zdj\u0119\u0107 podczas scrollowania (efekt \u017cycia)\n            v2Tl.to(\".real-tile img\", { scale: 1.1, duration: 4, ease: \"none\" }, 0);\n\n            ScrollTrigger.refresh();\n        }\n    }, 1000);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47b4579 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"47b4579\" data-element_type=\"container\" id=\"standardy\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-850a045 elementor-widget elementor-widget-html\" data-id=\"850a045\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend+Zetta:wght@100..900&family=Alfa+Slab+One&display=swap\" rel=\"stylesheet\">\n\n<style>\n    #modern-why-us {\n       \n        \/* Zmniejszony padding, by unikn\u0105\u0107 pustych przestrzeni *\/\n        padding: 60px 0; \n        overflow: hidden;\n        position: relative;\n    }\n\n    .container-wide {\n        max-width: 1600px;\n        margin: 0 auto;\n        padding: 0 5%;\n    }\n\n    .section-header {\n        text-align: center;\n        margin-bottom: 40px; \/* Zredukowany odst\u0119p pod nag\u0142\u00f3wkiem *\/\n    }\n\n    .tagline {\n        font-family: 'Lexend Zetta', sans-serif;\n        font-size: clamp(10px, 1vw, 12px);\n        letter-spacing: 5px;\n        color: #8B5E3C;\n        font-weight: 700;\n        display: block;\n        margin-bottom: 10px;\n    }\n\n    .main-title {\n        font-family: 'Alfa Slab One', cursive !important;\n        font-size: clamp(2rem, 4vw, 3.5rem);\n        color: #1E5128 !important;\n        margin: 0;\n    }\n\n    \/* AKORDEON - DYNAMIZACJA WYSOKO\u015aCI *\/\n    .accordion-wrapper {\n        display: flex;\n        \/* Wysoko\u015b\u0107 uzale\u017cniona od okna, ale nie mniejsza ni\u017c 500px *\/\n        height: clamp(500px, 65vh, 750px); \n        gap: 15px;\n        width: 100%;\n    }\n\n    .acc-card {\n        flex: 1;\n        position: relative;\n        border-radius: 40px;\n        overflow: hidden;\n        cursor: pointer;\n        transition: flex 0.8s cubic-bezier(0.25, 1, 0.33, 1);\n        opacity: 0;\n        transform: translateY(30px);\n    }\n\n    .acc-card.expanded, .acc-card:hover {\n        flex: 3.5; \/* Nieco mniejszy rozstaw dla lepszej stabilno\u015bci *\/\n    }\n\n    .acc-bg {\n        position: absolute;\n        inset: 0;\n        background-size: cover;\n        background-position: center;\n        transition: transform 1.2s ease;\n        z-index: 1;\n    }\n\n    .acc-card:hover .acc-bg { transform: scale(1.05); }\n\n    .acc-overlay {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(to bottom, transparent 40%, rgba(30, 81, 40, 0.85) 100%);\n        z-index: 2;\n        opacity: 0.7;\n    }\n\n    .acc-content {\n        position: absolute;\n        bottom: 30px;\n        left: 30px;\n        right: 30px;\n        z-index: 3;\n        color: #F5F5DC;\n    }\n\n    .acc-number {\n        font-family: 'Alfa Slab One', cursive;\n        font-size: 1.2rem;\n        color: #8DBE4F;\n        margin-bottom: 5px;\n        display: block;\n    }\n\n    .acc-content h3 {\n        font-family: 'Alfa Slab One', cursive !important;\n        font-size: clamp(1.5rem, 2.5vw, 2.2rem);\n        margin-bottom: 10px;\n        white-space: nowrap;\n    }\n\n    .acc-description {\n        font-family: 'Lexend Zetta', sans-serif;\n        font-size: 12px;\n        line-height: 1.5;\n        max-width: 90%;\n        opacity: 0;\n        transform: translateY(15px);\n        transition: all 0.5s ease 0.1s;\n    }\n\n    .acc-card:hover .acc-description {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    @media (max-width: 900px) {\n        .accordion-wrapper { flex-direction: column; height: auto; gap: 10px; }\n        .acc-card { height: 120px; flex: none !important; opacity: 1 !important; transform: none !important; }\n        .acc-card:hover { height: 350px; }\n        .acc-description { opacity: 1; transform: none; }\n    }\n<\/style>\n\n<section id=\"modern-why-us\">\n    <div class=\"container-wide\">\n        <div class=\"section-header\">\n            <span class=\"tagline\">NASZE WARTO\u015aCI<\/span>\n            <h2 class=\"main-title\">Dlaczego Ekodom?<\/h2>\n        <\/div>\n\n        <div class=\"accordion-wrapper\">\n            <div class=\"acc-card\">\n                <div class=\"acc-bg\" style=\"background-image: url('https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/saavav.webp');\"><\/div>\n                <div class=\"acc-overlay\"><\/div>\n                <div class=\"acc-content\">\n                    <span class=\"acc-number\">01<\/span>\n                    <h3>Ekologia<\/h3>\n                    <p class=\"acc-description\">Budujemy z materia\u0142\u00f3w bezpiecznych dla planety, kt\u00f3re dbaj\u0105 o Twoje zdrowie i przysz\u0142o\u015b\u0107 pokole\u0144.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"acc-card\">\n                <div class=\"acc-bg\" style=\"background-image: url('https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/polska.webp');\"><\/div>\n                <div class=\"acc-overlay\"><\/div>\n                <div class=\"acc-content\">\n                    <span class=\"acc-number\">02<\/span>\n                    <h3>Lokalno\u015b\u0107<\/h3>\n                    <p class=\"acc-description\">Wspieramy polskie rzemios\u0142o i wykorzystujemy certyfikowane surowce z rodzimych las\u00f3w.<\/p>\n                <\/div>\n            <\/div>\n             <div class=\"acc-card\">\n                <div class=\"acc-bg\" style=\"background-image: url('https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/edfq.webp');\"><\/div>\n                <div class=\"acc-overlay\"><\/div>\n                <div class=\"acc-content\">\n                    <span class=\"acc-number\">03<\/span>\n                    <h3>Design<\/h3>\n                    <p class=\"acc-description\">Nowoczesna bry\u0142a, kt\u00f3ra wtapia si\u0119 w krajobraz, nie dominuj\u0105c nad natur\u0105.<\/p>\n                <\/div>\n            <\/div>\n             <div class=\"acc-card\">\n                <div class=\"acc-bg\" style=\"background-image: url('https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/wqdn.webp');\"><\/div>\n                <div class=\"acc-overlay\"><\/div>\n                <div class=\"acc-content\">\n                    <span class=\"acc-number\">04<\/span>\n                    <h3>Energia<\/h3>\n                    <p class=\"acc-description\">Standard pasywny to Twoja niezale\u017cno\u015b\u0107 i niemal zerowe rachunki za ogrzewanie.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\nwindow.addEventListener('load', () => {\n    if (typeof gsap !== \"undefined\") {\n        gsap.registerPlugin(ScrollTrigger);\n        gsap.to(\".acc-card\", {\n            scrollTrigger: {\n                trigger: \".accordion-wrapper\",\n                start: \"top 90%\",\n            },\n            opacity: 1,\n            y: 0,\n            duration: 0.8,\n            stagger: 0.15,\n            ease: \"power2.out\"\n        });\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aee40d6 e-flex e-con-boxed e-con e-parent\" data-id=\"aee40d6\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09b8795 elementor-widget elementor-widget-html\" data-id=\"09b8795\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n    #config-grid-section {\n\n        position: relative;\n\n        overflow: hidden;\n\n     \n\n        width: 100%;\n\n        min-height: 100vh;\n\n    }\n\n\n    .config-grid-container {\n\n        display: grid;\n\n        grid-template-columns: repeat(4, 1fr);\n\n        grid-template-rows: repeat(2, 45vh);\n\n        gap: 40px;\n\n        max-width: 1700px;\n\n        margin: 0 auto;\n\n        height: 100vh;\n\n        align-items: center;\n\n        padding: 0 5%;\n\n    }\n\n\n    \/* KARTY KROK\u00d3W - Teraz jako kafelki w gridzie *\/\n\n    .config-tile {\n\n        background: rgba(255, 255, 220, 0.9); \/* Delikatny be\u017cowy szklany efekt *\/\n\n        backdrop-filter: blur(15px);\n\n        border: 1px solid #1E5128;\n\n        border-radius: 40px;\n\n        padding: 40px;\n\n        display: flex;\n\n        flex-direction: column;\n\n        justify-content: center;\n\n        opacity: 0;\n\n        filter: blur(10px);\n\n        box-shadow: 0 20px 40px rgba(30, 81, 40, 0.1);\n\n    }\n\n\n    \/* Zdj\u0119cie podgl\u0105dowe reaguj\u0105ce na wyb\u00f3r *\/\n\n    .config-preview-img {\n\n        grid-column: 3 \/ span 2;\n\n        grid-row: 1 \/ span 2;\n\n        height: 100%;\n\n        border-radius: 40px;\n\n        overflow: hidden;\n\n        opacity: 0;\n\n    }\n\n\n    .config-preview-img img {\n\n        width: 100%;\n\n        height: 100%;\n\n        object-fit: cover;\n\n        transition: transform 1s ease;\n\n    }\n\n\n    \/* Rozmieszczenie krok\u00f3w w gridzie *\/\n\n    .step-tile-1 { grid-column: 1 \/ span 2; grid-row: 1 \/ span 1; }\n\n    .step-tile-2 { grid-column: 1 \/ span 2; grid-row: 2 \/ span 1; }\n\n    \n\n    \/* Karta fina\u0142owa - wje\u017cd\u017ca na koniec *\/\n\n    .step-tile-final {\n\n        grid-column: 2 \/ span 2;\n\n        grid-row: 1 \/ span 2;\n\n        z-index: 20;\n\n        display: none; \/* Aktywowane przez JS *\/\n\n    }\n\n\n    .config-tag {\n\n        font-family: 'Lexend Zetta', sans-serif;\n\n        font-size: 10px;\n\n        letter-spacing: 4px;\n\n        color: #8DBE4F;\n\n        font-weight: 900;\n\n        margin-bottom: 10px;\n\n    }\n\n\n    .config-title-small {\n\n        font-family: 'Alfa Slab One', cursive !important;\n\n        font-size: 2rem;\n\n        color: #1E5128;\n\n        margin-bottom: 25px;\n\n    }\n\n\n    .config-options-small {\n\n        display: flex;\n\n        gap: 15px;\n\n    }\n\n\n    .config-mini-btn {\n\n        font-family: 'Lexend Zetta', sans-serif;\n\n        padding: 12px 20px;\n\n        font-size: 11px;\n\n        background: transparent;\n\n        border: 1px solid #1E5128;\n\n        color: #1E5128;\n\n        cursor: pointer;\n\n        transition: all 0.3s ease;\n\n    }\n\n\n    .config-mini-btn.selected {\n\n        background: #1E5128;\n\n        color: #F5F5DC;\n\n    }\n\n<\/style>\n\n\n<section id=\"config-grid-section\">\n\n    <div class=\"config-grid-container\" id=\"config-pin-target\">\n\n        \n\n        <div class=\"config-tile step-tile-1\" id=\"tile-step-1\">\n\n            <span class=\"config-tag\">KROK 01<\/span>\n\n            <h3 class=\"config-title-small\">Wybierz <br>krajobraz<\/h3>\n\n            <div class=\"config-options-small\">\n\n                <button class=\"config-mini-btn\" onclick=\"updatePreview(this, 'https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/saavav.webp')\">LAS<\/button>\n\n                <button class=\"config-mini-btn\" onclick=\"updatePreview(this, 'https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/polska.webp')\">G\u00d3RY<\/button>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"config-tile step-tile-2\" id=\"tile-step-2\">\n\n            <span class=\"config-tag\">KROK 02<\/span>\n\n            <h3 class=\"config-title-small\">Tw\u00f3j <br>luksus<\/h3>\n\n            <div class=\"config-options-small\">\n\n                <button class=\"config-mini-btn\" onclick=\"updatePreview(this, 'https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/edfq.webp')\">CISZA<\/button>\n\n                <button class=\"config-mini-btn\" onclick=\"updatePreview(this, 'https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/saavav.webp')\">NATURA<\/button>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"config-preview-img\" id=\"tile-preview\">\n\n            <img decoding=\"async\" id=\"preview-src\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/saavav.webp\">\n\n        <\/div>\n\n\n        <div class=\"config-tile step-tile-final\" id=\"tile-final\">\n\n            <h3 class=\"config-title-small\" style=\"text-align:center\">Wizja Gotowa<\/h3>\n\n            <form class=\"k-form\">\n\n                <input type=\"email\" placeholder=\"TW\u00d3J E-MAIL\" style=\"width:100%; margin-bottom:15px; padding:15px; border:1px solid #1E5128;\">\n\n                <button class=\"config-mini-btn selected\" style=\"width:100%\">ODBIERZ SPECYFIKACJ\u0118<\/button>\n\n            <\/form>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<script>\n\nfunction updatePreview(btn, url) {\n\n    \/\/ Pod\u015bwietlenie przycisku\n\n    const parent = btn.parentElement;\n\n    parent.querySelectorAll('.config-mini-btn').forEach(b => b.classList.remove('selected'));\n\n    btn.classList.add('selected');\n\n    \n\n    \/\/ Zmiana zdj\u0119cia z efektem przej\u015bcia\n\n    const img = document.getElementById('preview-src');\n\n    img.style.opacity = \"0\";\n\n    setTimeout(() => {\n\n        img.src = url;\n\n        img.style.opacity = \"1\";\n\n    }, 300);\n\n}\n\n\nwindow.addEventListener('load', () => {\n\n    setTimeout(() => {\n\n        if (typeof gsap !== \"undefined\") {\n\n            gsap.registerPlugin(ScrollTrigger);\n\n\n            const confTl = gsap.timeline({\n\n                scrollTrigger: {\n\n                    trigger: \"#config-grid-section\",\n\n                    start: \"top top\",\n\n                    end: \"+=2500\",\n\n                    scrub: 1.5,\n\n                    pin: true,\n\n                    pinSpacing: true\n\n                }\n\n            });\n\n\n            \/\/ Wjazd Kafelk\u00f3w (Ten sam styl co Realizacje)\n\n            confTl.fromTo(\"#tile-step-1\", \n\n                { x: -600, rotate: -10 }, \n\n                { x: 0, rotate: 0, opacity: 1, filter: \"blur(0px)\", duration: 1.5 }, 0.1);\n\n\n            confTl.fromTo(\"#tile-preview\", \n\n                { x: 800, y: 300, rotate: 10 }, \n\n                { x: 0, y: 0, rotate: 0, opacity: 1, duration: 1.5 }, 0.3);\n\n\n            confTl.fromTo(\"#tile-step-2\", \n\n                { y: 600, rotate: 5 }, \n\n                { y: 0, rotate: 0, opacity: 1, filter: \"blur(0px)\", duration: 1.5 }, 0.5);\n\n\n            \/\/ Fina\u0142: Ukrycie krok\u00f3w i pokazanie karty fina\u0142owej na \u015brodku\n\n            confTl.to([\"#tile-step-1\", \"#tile-step-2\", \"#tile-preview\"], {\n\n                scale: 0.9,\n\n                opacity: 0,\n\n                filter: \"blur(10px)\",\n\n                duration: 1,\n\n                delay: 0.5\n\n            });\n\n\n            confTl.to(\"#tile-final\", {\n\n                display: \"flex\",\n\n                opacity: 1,\n\n                filter: \"blur(0px)\",\n\n                scale: 1,\n\n                duration: 1\n\n            });\n\n\n            ScrollTrigger.refresh();\n\n        }\n\n    }, 1200);\n\n});\n\n<\/script> \t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89b6236 e-flex e-con-boxed e-con e-parent\" data-id=\"89b6236\" data-element_type=\"container\" id=\"kontakt\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5d7c0e elementor-widget elementor-widget-html\" data-id=\"f5d7c0e\" data-element_type=\"widget\" id=\"sekcja-7\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"menu-toggle\">\n    <div class=\"line\"><\/div>\n    <div class=\"line\"><\/div>\n<\/div>\n\n<div id=\"liquid-menu\">\n    <svg class=\"liquid-bg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n        <path id=\"liquid-path\" d=\"M 0 100 V 100 Q 50 100 100 100 V 100 z\" \/>\n    <\/svg>\n\n    <nav class=\"menu-links\">\n        <a href=\"#sekcja-o-nas\" class=\"menu-item\">O nas<\/a>\n        <a href=\"#ironhill-epic-pinned\" class=\"menu-item\">Projekty<\/a>\n        <a href=\"#why-us-section\" class=\"menu-item\">Warto\u015bci<\/a>\n        <a href=\"#mood-configurator\" class=\"menu-item\">Konfigurator<\/a>\n    <\/nav>\n<\/div>\n\n<style>\n\/* STYL PRZYCISKU *\/\n#menu-toggle {\n    position: fixed;\n    top: 40px;\n    right: 40px;\n    width: 50px;\n    height: 50px;\n    z-index: 1000;\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    background: #111;\n    border-radius: 50%;\n}\n.line { width: 25px; height: 2px; background: #fff; transition: 0.3s; }\n\n\/* EKRAN MENU *\/\n#liquid-menu {\n    position: fixed;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 999;\n    display: none; \/* Ukryte na start *\/\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n}\n#liquid-menu.is-open { display: flex; pointer-events: auto; }\n\n\/* SVG BACKGROUND *\/\n.liquid-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    fill: #111; \/* Kolor t\u0142a menu *\/\n}\n\n\/* LINKI *\/\n.menu-links {\n    position: relative;\n    z-index: 1001;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 30px;\n}\n.menu-item {\n    color: #fff;\n    font-size: 3.5rem;\n    font-weight: 900;\n    text-decoration: none;\n    text-transform: uppercase;\n    letter-spacing: 5px;\n    opacity: 0;\n    transform: translateY(30px);\n    font-family: 'Montserrat', sans-serif;\n}\n.menu-item:hover { color: #00b894; }\n\n\/* Animacja ikony X *\/\n#menu-toggle.active .line:nth-child(1) { transform: translateY(5px) rotate(45deg); }\n#menu-toggle.active .line:nth-child(2) { transform: translateY(-5px) rotate(-45deg); }\n<\/style>\n\n<script>\nwindow.addEventListener('load', () => {\n    const toggle = document.getElementById('menu-toggle');\n    const menu = document.getElementById('liquid-menu');\n    const path = document.getElementById('liquid-path');\n    const links = document.querySelectorAll('.menu-item');\n\n    let isOpen = false;\n\n    \/\/ Definiujemy kszta\u0142ty fali (SVG Path)\n    const startPath = \"M 0 100 V 100 Q 50 100 100 100 V 100 z\"; \/\/ P\u0142asko na dole\n    const midPath = \"M 0 100 V 50 Q 50 0 100 50 V 100 z\";    \/\/ Wygi\u0119ta fala\n    const endPath = \"M 0 100 V 0 Q 50 0 100 0 V 100 z\";      \/\/ Pe\u0142ny prostok\u0105t\n\n    toggle.addEventListener('click', () => {\n        if (!isOpen) {\n            \/\/ OTWIERANIE\n            menu.classList.add('is-open');\n            toggle.classList.add('active');\n            \n            gsap.timeline()\n                .to(path, { attr: { d: midPath }, duration: 0.4, ease: \"power2.in\" })\n                .to(path, { attr: { d: endPath }, duration: 0.4, ease: \"power2.out\" })\n                .to(links, { opacity: 1, y: 0, stagger: 0.1, duration: 0.5 }, \"-=0.2\");\n            \n            isOpen = true;\n        } else {\n            \/\/ ZAMYKANIE\n            toggle.classList.remove('active');\n            \n            gsap.timeline({ onComplete: () => menu.classList.remove('is-open') })\n                .to(links, { opacity: 0, y: 30, stagger: -0.05, duration: 0.3 })\n                .to(path, { attr: { d: midPath }, duration: 0.3, ease: \"power2.in\" })\n                .to(path, { attr: { d: startPath }, duration: 0.3, ease: \"power2.out\" });\n\n            isOpen = false;\n        }\n    });\n\n    \/\/ Zamykanie po klikni\u0119ciu w link\n    links.forEach(link => {\n        link.addEventListener('click', () => toggle.click());\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9df4100 e-flex e-con-boxed e-con e-parent\" data-id=\"9df4100\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5357a24 elementor-widget elementor-widget-html\" data-id=\"5357a24\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sky-master-fixed\">\n    <div class=\"cloud-layer cloud-fast\"><\/div>\n    <div class=\"cloud-layer cloud-slow\"><\/div>\n<\/div>\n<style>  \n\n\n#sekcja-o-nas h2, #sekcja-o-nas h3,\n\n#iron-reveal-pinned h2, #iron-reveal-pinned h3,\n\n#why-us-section h2, #why-us-section h3,\n\n#ironhill-epic-pinned h2,\n\n#mood-configurator h2,\n\n#cards-organic-stack-clean h2,\n\n.section-title, .reveal-title, .title, .main-title {\n\n    font-family: 'Alfa Slab One', cursive !important;\n\n    \/* ZMIANA: Kolor identyczny jak t\u0142o stopki *\/\n\n    color: #0E362B !important; \n\n    font-weight: 400 !important;\n\n    text-transform: none !important;\n\n    \n\n    \/* WIELKO\u015a\u0106 LITER - Zwi\u0119kszona skala dla efektu \"wow\" *\/\n\n    font-size: clamp(2.8rem, 7vw, 6.5rem) !important; \n\n    line-height: 1.0 !important;\n\n    letter-spacing: -0.04em !important; \n\n    margin-bottom: 30px;\n\n}\n\n\n<\/style>\n<style>\n    \/* 1. KOLORYSTYKA \"SOFT SUNSET\" - CIEP\u0141E I NATURALNE *\/\n    :root {\n        \/* Przej\u015bcie od \u0142agodnego b\u0142\u0119kitu do ciep\u0142ego miodowego be\u017cu *\/\n        --sky-top: #A9C9D9;    \/* G\u00f3rny b\u0142\u0119kit, ale mniej \"neonowy\" *\/\n        --sky-bottom: #E8DCC4; \/* Ciep\u0142y, piaskowy d\u00f3\u0142 pasuj\u0105cy do dom\u00f3w *\/\n    }\n\n    \/* 2. SI\u0141OWE ODBLOKOWANIE PRZEZROCZYSTO\u015aCI *\/\n    html, body, \n    #page, \n    .site-content, \n    .elementor, \n    .elementor-section-wrap,\n    .elementor-section, \n    .elementor-container, \n    .elementor-column, \n    .elementor-widget-wrap {\n        background-color: transparent !important;\n        background-image: none !important;\n    }\n\n    \/* 3. KONTENER G\u0141\u00d3WNY NIEBA *\/\n    .sky-master-fixed {\n        position: fixed !important;\n        top: 0 !important;\n        left: 0 !important;\n        width: 100vw !important;\n        height: 100vh !important;\n        z-index: -2 !important; \n        pointer-events: none !important;\n        overflow: hidden !important;\n        \/* Nowy, cieplejszy gradient *\/\n        background: linear-gradient(to bottom, var(--sky-top) 0%, var(--sky-bottom) 100%) !important;\n    }\n\n    \/* 4. WARSTWY CHMUR - DOPASOWANE DO KLIMATU *\/\n    .cloud-layer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 400%; \n        height: 100%;\n        \/* Podstawiamy Tw\u00f3j plik t\u0142a *\/\n        background-image: url('https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/tlo.png') !important;\n        background-repeat: repeat-x !important;\n        background-position: center 35% !important; \/* Obni\u017cone nieco dla lepszego balansu *\/\n        \n        \/* Gigantyczne, mi\u0119kkie chmury *\/\n        background-size: 45% auto !important; \n        \n        will-change: transform;\n    }\n\n    .cloud-fast {\n        opacity: 0.6; \/* Delikatniejsze, by nie bi\u0142y po oczach *\/\n        filter: contrast(0.9) brightness(1.1);\n        animation: cloudDrift 130s linear infinite !important; \/* Wolniejszy, dostojniejszy ruch *\/\n    }\n\n    .cloud-slow {\n        opacity: 0.35;\n        filter: blur(8px) brightness(1.1); \/* Mocniejszy blur dla efektu marzenia sennego *\/\n        transform: scale(1.8); \n        animation: cloudDrift 210s linear infinite reverse !important;\n    }\n\n    \/* 5. ANIMACJA PRZESUWANIA *\/\n    @keyframes cloudDrift {\n        from { transform: translate3d(0, 0, 0); }\n        to { transform: translate3d(-50%, 0, 0); }\n    }\n\n    \/* 6. STYLE TEKSTU *\/\n    h2, h3,h4 .section-title, .title, .main-title {\n        color: #0E362B !important; \n        \/* Cie\u0144 zmieniony na cieplejszy, by pasowa\u0142 do miodowego t\u0142a *\/\n        text-shadow: 0 4px 15px rgba(169, 201, 217, 0.3);\n    }\n\n<\/style>\n\n<script>\n    (function() {\n        const forceClear = () => {\n            const el = document.querySelectorAll('.elementor-section, .elementor-column, .elementor-widget-wrap');\n            el.forEach(e => {\n                e.style.setProperty('background-color', 'transparent', 'important');\n                e.style.setProperty('background-image', 'none', 'important');\n            });\n        };\n        \n        window.addEventListener('load', forceClear);\n        setTimeout(forceClear, 500);\n        setTimeout(forceClear, 2000);\n    })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bf0ea6 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"5bf0ea6\" data-element_type=\"container\" id=\"kontakt\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f42b053 elementor-widget elementor-widget-html\" data-id=\"f42b053\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"marquee-spacer\">\n    <div class=\"marquee-track\">\n        <div class=\"marquee-content\">\n            <span>EKODOM \u2022 ARCHITEKTURA \u2022 NATURA \u2022 DESIGN \u2022 <\/span>\n            <span>EKODOM \u2022 ARCHITEKTURA \u2022 NATURA \u2022 DESIGN \u2022 <\/span>\n        <\/div>\n    <\/div>\n<\/div>\n<style>\n.marquee-spacer { \n    \/* Twoja ciemna ziele\u0144 jak w stopce *\/\n    background: #0E362B !important; \n    padding: 30px 0; \n    display: flex; \n    overflow: hidden; \n    position: relative; \n    z-index: 10; \n    width: 100%;\n}\n\n.marquee-track { \n    display: flex; \n    white-space: nowrap; \n}\n\n.marquee-content {\n    display: flex;\n}\n\n.marquee-content span { \n    font-size: 5rem; \/* Zwi\u0119kszy\u0142em odrobin\u0119, \u017ceby lepiej by\u0142o wida\u0107 niebo *\/\n    font-weight: 900; \n    \n    \/* MAGIA: Litery staj\u0105 si\u0119 \"wyci\u0119te\" *\/\n    color: transparent;\n    -webkit-text-stroke: 1px rgba(245, 245, 220, 0.2); \/* Delikatny obrys, \u017ceby litery by\u0142y wyra\u017ane *\/\n    background: transparent; \n    \n    \/* Ten trick pozwala \"widzie\u0107 na wylot\" do sekcji pod spodem *\/\n    mix-blend-mode: screen; \n    \n    \/* Alternatywna metoda, je\u015bli mix-blend-mode by nie wystarczy\u0142: *\/\n    \/* U\u017cywamy koloru t\u0142a strony jako koloru liter, ale z maskowaniem *\/\n    \n    text-transform: uppercase; \n    padding-right: 50px; \n    font-family: 'Lexend Zetta', sans-serif;\n}\n\n\/* Opcja z pe\u0142nym prze\u015bwitem (najlepszy efekt przy ruszaj\u0105cym si\u0119 niebie) *\/\n.marquee-content span {\n    background: none;\n    color: rgba(0,0,0,0);\n    \/* U\u017cywamy mix-blend-mode: destination-out w specyficznych warunkach, \n       ale najpro\u015bciej i najbezpieczniej dla GSAP zadzia\u0142a to: *\/\n    -webkit-text-fill-color: transparent;\n    background: linear-gradient(to bottom, #A9C9D9, #E8DCC4); \/* Udajemy niebo wewn\u0105trz liter *\/\n    background-clip: text;\n    -webkit-background-clip: text;\n}\n\n@media (max-width: 768px) {\n    .marquee-content span { font-size: 2.5rem; }\n}\n<\/style>\n<script>\nwindow.addEventListener('load', () => {\n    if (typeof gsap !== \"undefined\") {\n        gsap.to(\".marquee-track\", {\n            xPercent: -50,\n            duration: 30, \/\/ Troch\u0119 szybciej dla dynamiki\n            ease: \"none\",\n            repeat: -1\n        });\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf70ddb elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"bf70ddb\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-773f1d2 elementor-widget elementor-widget-html\" data-id=\"773f1d2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer id=\"main-footer\">\n    <div class=\"footer-container\">\n        <div class=\"footer-col brand-info\">\n            <h2 class=\"footer-logo\">EKODOM<\/h2>\n            <p class=\"footer-bio\">Tworzymy architektur\u0119, kt\u00f3ra szanuje natur\u0119 i definiuje nowy standard luksusu w harmonii z ekosystemem.<\/p>\n            <div class=\"footer-socials\">\n                <a href=\"#\" class=\"social-link\">Instagram<\/a>\n                <a href=\"#\" class=\"social-link\">Facebook<\/a>\n                <a href=\"#\" class=\"social-link\">Pinterest<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"footer-col\">\n            <h2 class=\"footer-title\">Nawigacja<\/h4>\n            <ul class=\"footer-links\">\n                <li><a href=\"#about\">O nas<\/a><\/li>\n                <li><a href=\"#realizacje\">Realizacje<\/a><\/li>\n                <li><a href=\"#dlaczego-my\">Filozofia<\/a><\/li>\n                <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"footer-col\">\n            <h2 class=\"footer-title\">Kontakt<\/h4>\n            <div class=\"footer-contact-item\">\n                <span class=\"contact-label\">Biuro:<\/span>\n                <p>ul. Sosnowa 12, Warszawa<\/p>\n            <\/div>\n            <div class=\"footer-contact-item\">\n                <span class=\"contact-label\">Email:<\/span>\n                <p>biuro@ekodom.pl<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"footer-bottom\">\n        <p>&copy; 2026 EKODOM. Wszelkie prawa zastrze\u017cone.<\/p>\n        <p class=\"credit\">Design by ANM Collective<\/p>\n    <\/div>\n<\/footer>\n<style>\n#main-footer {\n    background-color: #0E362B !important; \/* Bardzo ciemna ziele\u0144 (prawie czarna) *\/\n    padding: 100px 0 40px 0;\n    position: relative;\n    z-index: 50;\n    border-top: 1px solid rgba(245, 245, 220, 0.1);\n}\n\n.footer-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 5%;\n    display: grid;\n    grid-template-columns: 2fr 1fr 1fr;\n    gap: 60px;\n}\n\n\/* Kolumna Brandu *\/\n.footer-logo {\n    font-family: 'Alfa Slab One', cursive;\n    color: #F5F5DC; \/* Be\u017cowy *\/\n    font-size: 2.5rem;\n    margin-bottom: 25px;\n}\n\n.footer-bio {\n    font-family: 'Lexend Zetta', sans-serif;\n    font-size: 13px;\n    line-height: 1.8;\n    color: #F5F5DC;\n    opacity: 0.7;\n    max-width: 400px;\n    margin-bottom: 30px;\n}\n\n\/* Linki Social Media *\/\n.footer-socials {\n    display: flex;\n    gap: 20px;\n}\n\n.social-link {\n    font-family: 'Lexend Zetta', sans-serif;\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #F5F5DC;\n    text-decoration: none;\n    font-weight: 700;\n    transition: all 0.3s ease;\n}\n\n.social-link:hover {\n    color: #8DBE4F; \/* Limonkowy akcent przy hoverze *\/\n}\n\n\/* Styl kolumn menu *\/\n.footer-title {\n    font-family: 'Alfa Slab One', cursive;\n    color: #8DBE4F; \/* Limonkowy dla nag\u0142\u00f3wk\u00f3w kolumn *\/\n    font-size: 1rem;\n    margin-bottom: 25px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.footer-links {\n    list-style: none;\n    padding: 0;\n}\n\n.footer-links li {\n    margin-bottom: 15px;\n}\n\n.footer-links a {\n    font-family: 'Lexend Zetta', sans-serif;\n    font-size: 12px;\n    color: #F5F5DC;\n    text-decoration: none;\n    opacity: 0.6;\n    transition: all 0.3s ease;\n}\n\n.footer-links a:hover {\n    opacity: 1;\n    padding-left: 8px;\n    color: #8DBE4F;\n}\n\n\/* Kontakt *\/\n.footer-contact-item {\n    margin-bottom: 20px;\n}\n\n.contact-label {\n    font-family: 'Lexend Zetta', sans-serif;\n    font-size: 10px;\n    color: #8DBE4F; \/* Limonkowy dla etykiet *\/\n    display: block;\n    margin-bottom: 5px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.footer-contact-item p {\n    font-family: 'Lexend Zetta', sans-serif;\n    font-size: 12px;\n    color: #F5F5DC;\n    margin: 0;\n}\n\n\/* Dolna belka *\/\n.footer-bottom {\n    max-width: 1400px;\n    margin: 80px auto 0 auto;\n    padding: 30px 5% 0 5%;\n    border-top: 1px solid rgba(245, 245, 220, 0.05);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.footer-bottom p {\n    font-family: 'Lexend Zetta', sans-serif;\n    font-size: 10px;\n    color: #F5F5DC;\n    opacity: 0.4;\n}\n\n@media (max-width: 900px) {\n    .footer-container {\n        grid-template-columns: 1fr;\n        gap: 40px;\n        text-align: center;\n    }\n    .footer-bio { margin: 0 auto 30px auto; }\n    .footer-socials { justify-content: center; }\n    .footer-bottom { flex-direction: column; gap: 15px; text-align: center; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68f4d90 e-flex e-con-boxed e-con e-parent\" data-id=\"68f4d90\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f761288 elementor-widget elementor-widget-html\" data-id=\"f761288\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sky-master-fixed\">\n    <div class=\"cloud-layer cloud-fast\"><\/div>\n    <div class=\"cloud-layer cloud-slow\"><\/div>\n<\/div>\n<style>  \n\n\n#sekcja-o-nas h2, #sekcja-o-nas h3,\n\n#iron-reveal-pinned h2, #iron-reveal-pinned h3,\n\n#why-us-section h2, #why-us-section h3,\n\n#ironhill-epic-pinned h2,\n\n#mood-configurator h2,\n\n#cards-organic-stack-clean h2,\n\n.section-title, .reveal-title, .title, .main-title {\n\n    font-family: 'Alfa Slab One', cursive !important;\n\n    \/* ZMIANA: Kolor identyczny jak t\u0142o stopki *\/\n\n    color: #0E362B !important; \n\n    font-weight: 400 !important;\n\n    text-transform: none !important;\n\n    \n\n    \/* WIELKO\u015a\u0106 LITER - Zwi\u0119kszona skala dla efektu \"wow\" *\/\n\n    font-size: clamp(2.8rem, 7vw, 6.5rem) !important; \n\n    line-height: 1.0 !important;\n\n    letter-spacing: -0.04em !important; \n\n    margin-bottom: 30px;\n\n}\n\n\n<\/style>\n<style>\n    \/* 1. KOLORYSTYKA \"SOFT SUNSET\" - CIEP\u0141E I NATURALNE *\/\n    :root {\n        \/* Przej\u015bcie od \u0142agodnego b\u0142\u0119kitu do ciep\u0142ego miodowego be\u017cu *\/\n        --sky-top: #A9C9D9;    \/* G\u00f3rny b\u0142\u0119kit, ale mniej \"neonowy\" *\/\n        --sky-bottom: #E8DCC4; \/* Ciep\u0142y, piaskowy d\u00f3\u0142 pasuj\u0105cy do dom\u00f3w *\/\n    }\n\n    \/* 2. SI\u0141OWE ODBLOKOWANIE PRZEZROCZYSTO\u015aCI *\/\n    html, body, \n    #page, \n    .site-content, \n    .elementor, \n    .elementor-section-wrap,\n    .elementor-section, \n    .elementor-container, \n    .elementor-column, \n    .elementor-widget-wrap {\n        background-color: transparent !important;\n        background-image: none !important;\n    }\n\n    \/* 3. KONTENER G\u0141\u00d3WNY NIEBA *\/\n    .sky-master-fixed {\n        position: fixed !important;\n        top: 0 !important;\n        left: 0 !important;\n        width: 100vw !important;\n        height: 100vh !important;\n        z-index: -2 !important; \n        pointer-events: none !important;\n        overflow: hidden !important;\n        \/* Nowy, cieplejszy gradient *\/\n        background: linear-gradient(to bottom, var(--sky-top) 0%, var(--sky-bottom) 100%) !important;\n    }\n\n    \/* 4. WARSTWY CHMUR - DOPASOWANE DO KLIMATU *\/\n    .cloud-layer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 400%; \n        height: 100%;\n        \/* Podstawiamy Tw\u00f3j plik t\u0142a *\/\n        background-image: url('https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/02\/tlo.png') !important;\n        background-repeat: repeat-x !important;\n        background-position: center 35% !important; \/* Obni\u017cone nieco dla lepszego balansu *\/\n        \n        \/* Gigantyczne, mi\u0119kkie chmury *\/\n        background-size: 45% auto !important; \n        \n        will-change: transform;\n    }\n\n    .cloud-fast {\n        opacity: 0.6; \/* Delikatniejsze, by nie bi\u0142y po oczach *\/\n        filter: contrast(0.9) brightness(1.1);\n        animation: cloudDrift 130s linear infinite !important; \/* Wolniejszy, dostojniejszy ruch *\/\n    }\n\n    .cloud-slow {\n        opacity: 0.35;\n        filter: blur(8px) brightness(1.1); \/* Mocniejszy blur dla efektu marzenia sennego *\/\n        transform: scale(1.8); \n        animation: cloudDrift 210s linear infinite reverse !important;\n    }\n\n    \/* 5. ANIMACJA PRZESUWANIA *\/\n    @keyframes cloudDrift {\n        from { transform: translate3d(0, 0, 0); }\n        to { transform: translate3d(-50%, 0, 0); }\n    }\n\n    \/* 6. STYLE TEKSTU *\/\n    h2, h3,h4 .section-title, .title, .main-title {\n        color: #0E362B !important; \n        \/* Cie\u0144 zmieniony na cieplejszy, by pasowa\u0142 do miodowego t\u0142a *\/\n        text-shadow: 0 4px 15px rgba(169, 201, 217, 0.3);\n    }\n\n<\/style>\n\n<script>\n    (function() {\n        const forceClear = () => {\n            const el = document.querySelectorAll('.elementor-section, .elementor-column, .elementor-widget-wrap');\n            el.forEach(e => {\n                e.style.setProperty('background-color', 'transparent', 'important');\n                e.style.setProperty('background-image', 'none', 'important');\n            });\n        };\n        \n        window.addEventListener('load', forceClear);\n        setTimeout(forceClear, 500);\n        setTimeout(forceClear, 2000);\n    })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-84b527e e-flex e-con-boxed e-con e-parent\" data-id=\"84b527e\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>SCROLLUJ Ogl\u0105dasz portfolio ANM Collective Created by ANM Collective \u0141apka Makramore Old Town Qubis Form Szafir Slow Nest Lukrownia Eco dom Zumba \u2039 \u203a BUDUJ Z NATUR\u0104 O NAS REALIZACJE KONTAKT STANDARY EKODOM \u2022 ARCHITEKTURA \u2022 NATURA \u2022 DESIGN \u2022 EKODOM \u2022 ARCHITEKTURA \u2022 NATURA \u2022 DESIGN \u2022 O NASZEJ FILOZOFII Tworzymy domy, kt\u00f3re oddychaj\u0105&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_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,"_kad_post_classname":"","footnotes":""},"class_list":["post-3181","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Eko dom - ANM Collective<\/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:\/\/portfolio.anmcollective.pl\/?page_id=3181\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Eko dom - ANM Collective\" \/>\n<meta property=\"og:description\" content=\"SCROLLUJ Ogl\u0105dasz portfolio ANM Collective Created by ANM Collective \u0141apka Makramore Old Town Qubis Form Szafir Slow Nest Lukrownia Eco dom Zumba \u2039 \u203a BUDUJ Z NATUR\u0104 O NAS REALIZACJE KONTAKT STANDARY EKODOM \u2022 ARCHITEKTURA \u2022 NATURA \u2022 DESIGN \u2022 EKODOM \u2022 ARCHITEKTURA \u2022 NATURA \u2022 DESIGN \u2022 O NASZEJ FILOZOFII Tworzymy domy, kt\u00f3re oddychaj\u0105....\" \/>\n<meta property=\"og:url\" content=\"https:\/\/portfolio.anmcollective.pl\/?page_id=3181\" \/>\n<meta property=\"og:site_name\" content=\"ANM Collective\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T14:04:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logo-bez-tla-1.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"34 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=3181\",\"url\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=3181\",\"name\":\"Eko dom - ANM Collective\",\"isPartOf\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=3181#primaryimage\"},\"image\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=3181#primaryimage\"},\"thumbnailUrl\":\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logo-bez-tla-1.webp\",\"datePublished\":\"2026-01-24T16:44:28+00:00\",\"dateModified\":\"2026-04-06T14:04:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=3181#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/portfolio.anmcollective.pl\/?page_id=3181\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=3181#primaryimage\",\"url\":\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logo-bez-tla-1.webp\",\"contentUrl\":\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logo-bez-tla-1.webp\",\"width\":500,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=3181#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/portfolio.anmcollective.pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Eko dom\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/#website\",\"url\":\"https:\/\/portfolio.anmcollective.pl\/\",\"name\":\"ANM Collective\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/portfolio.anmcollective.pl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/#organization\",\"name\":\"ANM Collective\",\"url\":\"https:\/\/portfolio.anmcollective.pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/cropped-eg.webp\",\"contentUrl\":\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/cropped-eg.webp\",\"width\":500,\"height\":481,\"caption\":\"ANM Collective\"},\"image\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Eko dom - ANM Collective","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:\/\/portfolio.anmcollective.pl\/?page_id=3181","og_locale":"pl_PL","og_type":"article","og_title":"Eko dom - ANM Collective","og_description":"SCROLLUJ Ogl\u0105dasz portfolio ANM Collective Created by ANM Collective \u0141apka Makramore Old Town Qubis Form Szafir Slow Nest Lukrownia Eco dom Zumba \u2039 \u203a BUDUJ Z NATUR\u0104 O NAS REALIZACJE KONTAKT STANDARY EKODOM \u2022 ARCHITEKTURA \u2022 NATURA \u2022 DESIGN \u2022 EKODOM \u2022 ARCHITEKTURA \u2022 NATURA \u2022 DESIGN \u2022 O NASZEJ FILOZOFII Tworzymy domy, kt\u00f3re oddychaj\u0105....","og_url":"https:\/\/portfolio.anmcollective.pl\/?page_id=3181","og_site_name":"ANM Collective","article_modified_time":"2026-04-06T14:04:48+00:00","og_image":[{"url":"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logo-bez-tla-1.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"34 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=3181","url":"https:\/\/portfolio.anmcollective.pl\/?page_id=3181","name":"Eko dom - ANM Collective","isPartOf":{"@id":"https:\/\/portfolio.anmcollective.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=3181#primaryimage"},"image":{"@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=3181#primaryimage"},"thumbnailUrl":"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logo-bez-tla-1.webp","datePublished":"2026-01-24T16:44:28+00:00","dateModified":"2026-04-06T14:04:48+00:00","breadcrumb":{"@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=3181#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/portfolio.anmcollective.pl\/?page_id=3181"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=3181#primaryimage","url":"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logo-bez-tla-1.webp","contentUrl":"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logo-bez-tla-1.webp","width":500,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=3181#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/portfolio.anmcollective.pl\/"},{"@type":"ListItem","position":2,"name":"Eko dom"}]},{"@type":"WebSite","@id":"https:\/\/portfolio.anmcollective.pl\/#website","url":"https:\/\/portfolio.anmcollective.pl\/","name":"ANM Collective","description":"","publisher":{"@id":"https:\/\/portfolio.anmcollective.pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/portfolio.anmcollective.pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/portfolio.anmcollective.pl\/#organization","name":"ANM Collective","url":"https:\/\/portfolio.anmcollective.pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/portfolio.anmcollective.pl\/#\/schema\/logo\/image\/","url":"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/cropped-eg.webp","contentUrl":"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/cropped-eg.webp","width":500,"height":481,"caption":"ANM Collective"},"image":{"@id":"https:\/\/portfolio.anmcollective.pl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/pages\/3181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3181"}],"version-history":[{"count":673,"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/pages\/3181\/revisions"}],"predecessor-version":[{"id":6797,"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/pages\/3181\/revisions\/6797"}],"wp:attachment":[{"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}