{"id":1611,"date":"2026-01-06T23:55:33","date_gmt":"2026-01-06T22:55:33","guid":{"rendered":"https:\/\/portfolio.anmcollective.pl\/?page_id=1611"},"modified":"2026-02-17T21:30:16","modified_gmt":"2026-02-17T20:30:16","slug":"strony-www","status":"publish","type":"page","link":"https:\/\/portfolio.anmcollective.pl\/?page_id=1611","title":{"rendered":"Strony www"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1611\" class=\"elementor elementor-1611\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cda1c03 e-flex e-con-boxed e-con e-parent\" data-id=\"cda1c03\" 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<div class=\"elementor-element elementor-element-6b09088 e-con-full e-flex e-con e-parent\" data-id=\"6b09088\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97d5c8e e-flex e-con-boxed e-con e-parent\" data-id=\"97d5c8e\" 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-21a1a83 elementor-widget elementor-widget-html\" data-id=\"21a1a83\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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=\"dockContainerFinal\">\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\/01\/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=3183\"><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=\"event.stopPropagation(); document.getElementById('dockContainerFinal').scrollBy({left: -120, behavior: 'smooth'})\">\u2039<\/button>\n        <button type=\"button\" class=\"dock-arrow\" onclick=\"event.stopPropagation(); document.getElementById('dockContainerFinal').scrollBy({left: 120, behavior: 'smooth'})\">\u203a<\/button>\n    <\/div>\n<\/div>\n\n<style>\n.portfolio-nav-dock {\n    position: fixed !important;\n    bottom: 25px !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    display: flex !important;\n    align-items: center !important;\n    background: rgba(15, 15, 15, 0.95) !important;\n    padding: 0 15px !important;\n    border-radius: 100px !important;\n    backdrop-filter: blur(20px) !important;\n    -webkit-backdrop-filter: blur(20px) !important;\n    border: 1px solid rgba(255, 255, 255, 0.2) !important;\n    z-index: 2147483647 !important;\n    height: 60px !important;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.8) !important;\n    \/* To sprawia, \u017ce pasek \"wymusza\" bycie klikalnym nad GSAP *\/\n    pointer-events: auto !important;\n    user-select: none;\n}\n\n.dock-scroll-viewport {\n    width: 280px;\n    overflow: hidden;\n    position: relative;\n    pointer-events: auto !important;\n}\n\n.dock-container {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    overflow-x: auto;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    padding: 0 10px;\n}\n.dock-container::-webkit-scrollbar { display: none; }\n\n.dock-item {\n    flex-shrink: 0;\n    width: 45px;\n    text-align: center;\n    position: relative;\n}\n\n.dock-item img {\n    width: 32px;\n    height: 32px;\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.tooltip {\n    position: absolute;\n    bottom: 70px;\n    left: 50%;\n    transform: translateX(-50%) translateY(10px);\n    background: #fff;\n    color: #000;\n    padding: 4px 10px;\n    border-radius: 6px;\n    font-size: 11px;\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 rgba(0,0,0,0.5);\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: 8px;\n    padding-left: 5px;\n}\n\n.dock-arrow {\n    background: rgba(255,255,255,0.15) !important;\n    border: none !important;\n    color: white !important;\n    width: 30px !important;\n    height: 30px !important;\n    border-radius: 50% !important;\n    cursor: pointer !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    font-size: 20px !important;\n    pointer-events: auto !important;\n}\n\n.dock-arrow:hover { background: rgba(255,255,255,0.3) !important; }\n\n\/* Reszta styl\u00f3w bez zmian *\/\n.signature-link { display: flex; align-items: center; gap: 8px; text-decoration: none; pointer-events: auto !important; }\n.dock-signature img { width: 30px; height: 30px; }\n.signature-text strong { font-size: 9px; color: #fff; white-space: nowrap; display: block; }\n.signature-text span { font-size: 7px; color: rgba(255,255,255,0.4); display: block; }\n.dock-divider { width: 1px; height: 20px; background: rgba(255,255,255,0.1); margin: 0 10px; }\n\n@media (max-width: 768px) {\n    .dock-scroll-viewport { width: 140px; }\n    .signature-text { display: none; }\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-1b99773 e-flex e-con-boxed e-con e-parent\" data-id=\"1b99773\" 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-fabd780 elementor-widget elementor-widget-html\" data-id=\"fabd780\" data-element_type=\"widget\" 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<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n\n<style>\nbody { margin: 0; overflow-x: hidden; background-color: #A9D7BE; transition: background-color 1.2s cubic-bezier(0.2, 1, 0.2, 1); }\n.elementor-section, .elementor-container, .elementor-column, .elementor-widget-wrap { background-color: transparent !important; }\n\n.horizontal-viewport { width: 100%; height: 100vh; overflow: hidden; position: relative; }\n.horizontal-shifter { \n    display: flex; \n    width: 900%; \/* 9 projekt\u00f3w x 100% *\/\n    height: 100vh; \n}\n\n.project-card { width: 100vw; height: 100vh; flex-shrink: 0; display: flex; justify-content: center; align-items: center; position: relative; }\n\n.marquee-wrapper {\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n    width: 100%; height: 80vh; display: flex; flex-direction: column; justify-content: center; gap: 20px; z-index: 1; pointer-events: none;\n    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);\n    mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);\n}\n\n.marquee-row {\n    font-size: 11vw; font-weight: 900; white-space: nowrap; text-transform: uppercase; font-family: 'life savers', sans-serif;\n    color: transparent; -webkit-text-stroke: 1.2px rgba(0,0,0,0.1); height: 14vw; line-height: 14vw; display: block;\n}\n\nbody.dark-mode .marquee-row { -webkit-text-stroke: 1.2px rgba(255,255,255,0.15); }\nbody.dark-mode .expanding-title { color: #fff; }\n\n.makieta-inner { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; transform-style: preserve-3d; }\n.image-box { position: relative; z-index: 10; width: 35vw; }\n.image-box img { width: 100%; object-fit: contain; filter: drop-shadow(0 20px 50px rgba(0,0,0,0.15)); }\n.expanding-title { position: absolute; bottom: 8vh; z-index: 15; font-size: 3.5vw; font-weight: 900; text-transform: uppercase; color: #000; font-family: 'Arial Black', sans-serif; }\n<\/style>\n\n<div class=\"horizontal-viewport\">\n    <div class=\"horizontal-shifter\">\n        \n        <section class=\"project-card\" data-bg=\"#A9D7BE\">\n            <div class=\"makieta-inner\">\n                <div class=\"marquee-wrapper\">\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                    <div class=\"marquee-row row-middle\">\u0141APKA \u2022 \u0141APKA \u2022 \u0141APKA \u2022 <\/div>\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                <\/div>\n                <div class=\"image-box\">\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\"><\/a>\n                <\/div>\n                <h2 class=\"expanding-title\">\u0141APKA<\/h2>\n            <\/div>\n        <\/section>\n\n        <section class=\"project-card\" data-bg=\"#111111\">\n            <div class=\"makieta-inner\">\n                <div class=\"marquee-wrapper\">\n                    <div class=\"marquee-row row-sync\">BARBER \u2022 BARBER \u2022 BARBER \u2022 <\/div>\n                    <div class=\"marquee-row row-middle\">OLD TOWN \u2022 OLD TOWN \u2022 <\/div>\n                    <div class=\"marquee-row row-sync\">BARBER \u2022 BARBER \u2022 BARBER \u2022 <\/div>\n                <\/div>\n                <div class=\"image-box\">\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\"><\/a>\n                <\/div>\n                <h2 class=\"expanding-title\">OLD TOWN BARBER<\/h2>\n            <\/div>\n        <\/section>\n\n        <section class=\"project-card\" data-bg=\"#f7e8d0\">\n            <div class=\"makieta-inner\">\n                <div class=\"marquee-wrapper\">\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                    <div class=\"marquee-row row-middle\">MAKRAMORE \u2022 MAKRAMORE \u2022 <\/div>\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                <\/div>\n                <div class=\"image-box\">\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\"><\/a>\n                <\/div>\n                <h2 class=\"expanding-title\">MAKRAMORE<\/h2>\n            <\/div>\n        <\/section>\n\n        <section class=\"project-card\" data-bg=\"#fff9c4\">\n            <div class=\"makieta-inner\">\n                <div class=\"marquee-wrapper\">\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                    <div class=\"marquee-row row-middle\">QUBIS FORM \u2022 QUBIS FORM \u2022 <\/div>\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                <\/div>\n                <div class=\"image-box\">\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\"><\/a>\n                <\/div>\n                <h2 class=\"expanding-title\">QUBIS FORM<\/h2>\n            <\/div>\n        <\/section>\n\n        <section class=\"project-card\" data-bg=\"#d0e1f7\">\n            <div class=\"makieta-inner\">\n                <div class=\"marquee-wrapper\">\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                    <div class=\"marquee-row row-middle\">SZAFIR \u2022 SZAFIR \u2022 SZAFIR \u2022 <\/div>\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                <\/div>\n                <div class=\"image-box\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=2244\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/szafir.png\"><\/a>\n                <\/div>\n                <h2 class=\"expanding-title\">SZAFIR<\/h2>\n            <\/div>\n        <\/section>\n\n        <section class=\"project-card\" data-bg=\"#e8f0e8\">\n            <div class=\"makieta-inner\">\n                <div class=\"marquee-wrapper\">\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                    <div class=\"marquee-row row-middle\">SLOW NEST \u2022 SLOW NEST \u2022 <\/div>\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                <\/div>\n                <div class=\"image-box\">\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\"><\/a>\n                <\/div>\n                <h2 class=\"expanding-title\">SLOW NEST<\/h2>\n            <\/div>\n        <\/section>\n\n        <section class=\"project-card\" data-bg=\"#f7d0e8\">\n            <div class=\"makieta-inner\">\n                <div class=\"marquee-wrapper\">\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                    <div class=\"marquee-row row-middle\">LUKROWNIA \u2022 LUKROWNIA \u2022 <\/div>\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                <\/div>\n                <div class=\"image-box\">\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\"><\/a>\n                <\/div>\n                <h2 class=\"expanding-title\">LUKROWNIA<\/h2>\n            <\/div>\n        <\/section>\n\n        <section class=\"project-card\" data-bg=\"#e8f7d0\">\n            <div class=\"makieta-inner\">\n                <div class=\"marquee-wrapper\">\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                    <div class=\"marquee-row row-middle\">ECO DOM \u2022 ECO DOM \u2022 <\/div>\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                <\/div>\n                <div class=\"image-box\">\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\"><\/a>\n                <\/div>\n                <h2 class=\"expanding-title\">ECO DOM<\/h2>\n            <\/div>\n        <\/section>\n\n        <section class=\"project-card\" data-bg=\"#f7e1d0\">\n            <div class=\"makieta-inner\">\n                <div class=\"marquee-wrapper\">\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                    <div class=\"marquee-row row-middle\">ZUMBA \u2022 ZUMBA \u2022 ZUMBA \u2022 <\/div>\n                    <div class=\"marquee-row row-sync\">WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 <\/div>\n                <\/div>\n                <div class=\"image-box\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=3183\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/zumbaweb.webp\"><\/a>\n                <\/div>\n                <h2 class=\"expanding-title\">ZUMBA<\/h2>\n            <\/div>\n        <\/section>\n\n    <\/div>\n<\/div>\n\n<script>\nwindow.addEventListener('load', function() {\n    gsap.registerPlugin(ScrollTrigger);\n    const shifter = document.querySelector(\".horizontal-shifter\");\n    const sections = gsap.utils.toArray(\".project-card\");\n\n    let scrollTween = gsap.to(shifter, {\n        x: () => -(shifter.scrollWidth - window.innerWidth),\n        ease: \"none\",\n        scrollTrigger: {\n            trigger: \".horizontal-viewport\",\n            pin: true,\n            scrub: 1,\n            end: () => \"+=\" + shifter.scrollWidth,\n            invalidateOnRefresh: true\n        }\n    });\n\n    gsap.to(\".row-sync\", { xPercent: -20, duration: 15, repeat: -1, ease: \"none\" });\n    gsap.to(\".row-middle\", { xPercent: 20, duration: 7, repeat: -1, ease: \"none\" });\n\n    sections.forEach((section) => {\n        const bg = section.getAttribute('data-bg');\n        const inner = section.querySelector('.makieta-inner');\n        const title = section.querySelector('.expanding-title');\n\n        ScrollTrigger.create({\n            trigger: section,\n            containerAnimation: scrollTween,\n            start: \"center 70%\",\n            onEnter: () => updateTheme(bg),\n            onEnterBack: () => updateTheme(bg)\n        });\n\n        function updateTheme(color) {\n            document.body.style.backgroundColor = color;\n            if (color === \"#111111\" || color === \"#000000\") {\n                document.body.classList.add('dark-mode');\n            } else {\n                document.body.classList.remove('dark-mode');\n            }\n        }\n\n        gsap.to(title, {\n            letterSpacing: \"1.2em\",\n            scrollTrigger: {\n                trigger: section,\n                containerAnimation: scrollTween,\n                start: \"left right\",\n                end: \"center center\",\n                scrub: true\n            }\n        });\n\n        section.addEventListener('mousemove', (e) => {\n            const rect = section.getBoundingClientRect();\n            const x = (e.clientX - rect.left) \/ rect.width - 0.5;\n            const y = (e.clientY - rect.top) \/ rect.height - 0.5;\n            gsap.to(inner, { x: x * 60, y: y * 60, rotationY: x * 12, rotationX: -y * 12, duration: 1 });\n        });\n        section.addEventListener('mouseleave', () => {\n            gsap.to(inner, { x: 0, y: 0, rotationX: 0, rotationY: 0, duration: 1.5 });\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-9b3308f e-flex e-con-boxed e-con e-parent\" data-id=\"9b3308f\" data-element_type=\"container\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;multi-wave&quot;,&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-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 4080 400\" preserveAspectRatio=\"none\">\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M4080,79.3V0L1179.4,0v79.3c0,0,694.9,437.4,1471.3,275.6\r\n\tS3575.7-152.5,4080,79.3z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2249,79.3V0L0,0l0,79.3c0,0,43.3,437.4,819.8,275.6S1744.7-152.5,2249,79.3z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2631.6,49.8c0,0-596.3,547.3-1468.8,230.2S0,95.6,0,95.6L0,0l2631.6,0V49.8z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M4080,95.6c0,0-428.4,501.5-1208.9,184.4S1831,95.6,1831,95.6V0l2249,0V95.6z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" d=\"M4080,0v192.6c-392.4,177-703.2,95.6-1075-34.1c-214.6-74.8-508-126-839.1,6.1c-149.2,59.5-447.2,203.4-1026.2,10.8\r\n\tC313.2-99.5,0,95.6,0,95.6L0,0l2249,0L4080,0z\"\/>\r\n<\/svg>\r\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6eb9932 elementor-widget elementor-widget-html\" data-id=\"6eb9932\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* Kontener ca\u0142ej sekcji *\/\n.v-reveal-wrapper {\n    height: 300vh; \/* D\u0142ugo\u015b\u0107 przewijania animacji *\/\n    background: #fdfdfd;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* Przyklejony \u015brodek ekranu *\/\n.v-reveal-sticky {\n    height: 100vh;\n    width: 100%;\n    position: sticky;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n}\n\n\/* Styl dla po\u0142\u00f3wek zdj\u0119cia *\/\n.v-half {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100vh;\n    z-index: 2;\n    will-change: transform;\n}\n\n.v-half img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\/* PRZECI\u0118CIE W POZIOMIE *\/\n.v-top {\n    \/* Pokazuje tylko g\u00f3rn\u0105 po\u0142ow\u0119 zdj\u0119cia *\/\n    clip-path: inset(0 0 50% 0); \n}\n\n.v-bottom {\n    \/* Pokazuje tylko doln\u0105 po\u0142ow\u0119 zdj\u0119cia *\/\n    clip-path: inset(50% 0 0 0); \n}\n\n\/* Tre\u015b\u0107 ukryta pod zdj\u0119ciem *\/\n.v-content-under {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n    max-width: 800px;\n    padding: 20px;\n    font-family: 'Arial Black', sans-serif;\n    color: #253a2a;\n    opacity: 0;\n    transform: scale(0.8);\n}\n\n.v-content-under h2 {\n    font-size: 5vw;\n    margin-bottom: 20px;\n    text-transform: uppercase;\n}\n\n.v-content-under p {\n    font-family: 'Arial', sans-serif;\n    font-size: 1.2rem;\n    line-height: 1.6;\n}\n\/* Wymuszamy, aby sekcja by\u0142a traktowana jako osobny blok *\/\n.v-reveal-wrapper {\n    display: block;\n    clear: both;\n    position: relative;\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    z-index: 20; \/* Wy\u017cszy ni\u017c poprzednie makiety *\/\n    background-color: #fdfdfd; \/* Sta\u0142e t\u0142o, \u017ceby nic nie prze\u015bwitywa\u0142o *\/\n}\n\n\/* Usuwamy ewentualne konflikty z Elementora *\/\n.elementor-widget-container {\n    overflow: visible !important;\n}\n<\/style>\n\n<div class=\"v-reveal-wrapper\">\n    <div class=\"v-reveal-sticky\">\n        \n        <div class=\"v-content-under\">\n            <h2>ANM COLLECTIVE<\/h2>\n            <p>\u0141amiemy standardy, rozdzielamy nud\u0119 na p\u00f3\u0142.<\/p>\n            <p>Specjali\u015bci od <strong>GSAP<\/strong>, magicy <strong>HTML<\/strong> i architekci system\u00f3w <strong>CMS<\/strong>.<\/p>\n        <\/div>\n\n        <div class=\"v-half v-top\">\n            <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/labo-ezgif.com-video-to-webp-converter.webp\" alt=\"Top Half\">\n        <\/div>\n\n        <div class=\"v-half v-bottom\">\n            <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/labo-ezgif.com-video-to-webp-converter.webp\" alt=\"Bottom Half\">\n        <\/div>\n\n    <\/div>\n<\/div>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    gsap.registerPlugin(ScrollTrigger);\n\n    \/\/ G\u0142\u00f3wna animacja rozsuwania\n    const vTl = gsap.timeline({\n        scrollTrigger: {\n            trigger: \".v-reveal-wrapper\",\n            id: \"photoReveal\",\n            start: \"top top\",      \/\/ Startuje dok\u0142adnie gdy g\u00f3ra sekcji dotknie g\u00f3ry ekranu\n            end: \"+=200%\",         \/\/ Czas trwania animacji wyra\u017cony w scrollu\n            scrub: 1,\n            pin: true,             \/\/ Unieruchamia sekcj\u0119\n            pinSpacing: true,      \/\/ Bardzo wa\u017cne: pcha reszt\u0119 strony w d\u00f3\u0142, robi\u0105c miejsce\n            anticipatePin: 1\n        }\n    });\n\n    \/\/ Rozsuwanie g\u00f3ra \/ d\u00f3\u0142\n    vTl.to(\".v-top\", {\n        yPercent: -101,\n        ease: \"none\"\n    }, 0);\n\n    vTl.to(\".v-bottom\", {\n        yPercent: 101,\n        ease: \"none\"\n    }, 0);\n\n    \/\/ Wy\u0142anianie napisu\n    vTl.to(\".v-content-under\", {\n        opacity: 1,\n        scale: 1,\n        duration: 0.5\n    }, \"-=0.5\");\n\n    \/\/ MAGIA: To rozwi\u0105zuje 90% problem\u00f3w z nak\u0142adaniem si\u0119 sekcji\n    \/\/ Czekamy na pe\u0142ne za\u0142adowanie strony i od\u015bwie\u017camy kolejno\u015b\u0107 ScrollTrigger\u00f3w\n    window.addEventListener(\"load\", function() {\n        ScrollTrigger.sort(); \/\/ Sortuje triggery wed\u0142ug ich pozycji na stronie\n        ScrollTrigger.refresh(); \n    });\n\n    \/\/ Dodatkowy refresh przy zmianie rozmiaru okna\n    window.addEventListener(\"resize\", () => ScrollTrigger.refresh());\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-e8bd43d e-flex e-con-boxed e-con e-parent\" data-id=\"e8bd43d\" 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-28c230b elementor-widget elementor-widget-heading\" data-id=\"28c230b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dodaj tu sw\u00f3j tekst nag\u0142\u00f3wka<\/h2>\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>Created by ANM Collective \u0141apka Makramore Old Town Qubis Form Szafir Slow Nest Lukrownia Eco dom Zumba \u2039 \u203a WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 \u0141APKA \u2022 \u0141APKA \u2022 \u0141APKA \u2022 WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 \u0141APKA BARBER \u2022 BARBER \u2022 BARBER \u2022 OLD TOWN \u2022&#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-1611","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>Strony www - 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=1611\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Strony www - ANM Collective\" \/>\n<meta property=\"og:description\" content=\"Created by ANM Collective \u0141apka Makramore Old Town Qubis Form Szafir Slow Nest Lukrownia Eco dom Zumba \u2039 \u203a WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 \u0141APKA \u2022 \u0141APKA \u2022 \u0141APKA \u2022 WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 \u0141APKA BARBER \u2022 BARBER \u2022 BARBER \u2022 OLD TOWN \u2022...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/portfolio.anmcollective.pl\/?page_id=1611\" \/>\n<meta property=\"og:site_name\" content=\"ANM Collective\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-17T20:30:16+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=\"13 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=1611\",\"url\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=1611\",\"name\":\"Strony www - ANM Collective\",\"isPartOf\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=1611#primaryimage\"},\"image\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=1611#primaryimage\"},\"thumbnailUrl\":\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logo-bez-tla-1.webp\",\"datePublished\":\"2026-01-06T22:55:33+00:00\",\"dateModified\":\"2026-02-17T20:30:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=1611#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/portfolio.anmcollective.pl\/?page_id=1611\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=1611#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=1611#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/portfolio.anmcollective.pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Strony www\"}]},{\"@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":"Strony www - 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=1611","og_locale":"pl_PL","og_type":"article","og_title":"Strony www - ANM Collective","og_description":"Created by ANM Collective \u0141apka Makramore Old Town Qubis Form Szafir Slow Nest Lukrownia Eco dom Zumba \u2039 \u203a WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 \u0141APKA \u2022 \u0141APKA \u2022 \u0141APKA \u2022 WWW \u2022 GSAP \u2022 JS \u2022 HTML \u2022 CMS \u2022 \u0141APKA BARBER \u2022 BARBER \u2022 BARBER \u2022 OLD TOWN \u2022...","og_url":"https:\/\/portfolio.anmcollective.pl\/?page_id=1611","og_site_name":"ANM Collective","article_modified_time":"2026-02-17T20:30:16+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":"13 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=1611","url":"https:\/\/portfolio.anmcollective.pl\/?page_id=1611","name":"Strony www - ANM Collective","isPartOf":{"@id":"https:\/\/portfolio.anmcollective.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=1611#primaryimage"},"image":{"@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=1611#primaryimage"},"thumbnailUrl":"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logo-bez-tla-1.webp","datePublished":"2026-01-06T22:55:33+00:00","dateModified":"2026-02-17T20:30:16+00:00","breadcrumb":{"@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=1611#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/portfolio.anmcollective.pl\/?page_id=1611"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=1611#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=1611#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/portfolio.anmcollective.pl\/"},{"@type":"ListItem","position":2,"name":"Strony www"}]},{"@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\/1611","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=1611"}],"version-history":[{"count":568,"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/pages\/1611\/revisions"}],"predecessor-version":[{"id":6660,"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/pages\/1611\/revisions\/6660"}],"wp:attachment":[{"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}