{"id":9,"date":"2026-09-01T14:18:26","date_gmt":"2026-09-01T14:18:26","guid":{"rendered":"http:\/\/graffiti.augustow.pl\/?page_id=9"},"modified":"2026-09-01T18:28:35","modified_gmt":"2026-09-01T18:28:35","slug":"strona-glowna","status":"publish","type":"page","link":"https:\/\/graffiti.augustow.pl\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root{\r\n    --green:#60AD11;\r\n    --green-light:#7CC421;\r\n    --green-dark:#4C8C0B;\r\n    --dark:#111111;\r\n    --white:#FFFFFF;\r\n    --gray-bg:#F8F9FA;\r\n    --gray-border:#E7E9EC;\r\n    --text:#1B1E1A;\r\n    --text-soft:#5B615C;\r\n    --blue:#00A3FF;\r\n    --pink:#FF007A;\r\n    --yellow:#FFB800;\r\n    --red:#EF3F3F;\r\n    --orange:#FF7A00;\r\n    --container:1180px;\r\n  }\r\n\r\n  *{box-sizing:border-box;}\r\n  html{scroll-behavior:smooth;}\r\n  body{\r\n    margin:0;\r\n    font-family:'Poppins', sans-serif;\r\n    color:var(--text);\r\n    background:var(--white);\r\n    -webkit-font-smoothing:antialiased;\r\n    overflow-x:hidden;\r\n  }\r\n  img{max-width:100%;display:block;}\r\n  a{text-decoration:none;color:inherit;}\r\n  ul{list-style:none;margin:0;padding:0;}\r\n  section{position:relative;}\r\n\r\n  .container{\r\n    width:100%;\r\n    max-width:var(--container);\r\n    margin:0 auto;\r\n    padding:0 24px;\r\n  }\r\n\r\n  \/* === UKO\u015aNE PASKI W TLE === *\/\r\n  .stripes-light{\r\n    background-color:#FBFBFB;\r\n    background-image:repeating-linear-gradient(\r\n      112deg,\r\n      rgba(0,0,0,0.052) 0px,\r\n      rgba(0,0,0,0.052) 92px,\r\n      rgba(0,0,0,0) 92px,\r\n      rgba(0,0,0,0) 132px,\r\n      rgba(0,0,0,0.034) 132px,\r\n      rgba(0,0,0,0.034) 158px,\r\n      rgba(0,0,0,0) 158px,\r\n      rgba(0,0,0,0) 470px\r\n    );\r\n    background-attachment:fixed;\r\n  }\r\n\r\n  h1,h2,h3,h4{\r\n    font-family:'Poppins', sans-serif;\r\n    font-weight:800;\r\n    line-height:1.16;\r\n    margin:0;\r\n  }\r\n  .accent{color:var(--green);}\r\n\r\n  \/* === PRZYCISKI === *\/\r\n  .btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    background:linear-gradient(135deg, #7CC421 0%, #60AD11 55%, #4F9A0C 100%);\r\n    color:#fff;\r\n    font-weight:700;\r\n    font-size:14px;\r\n    font-family:inherit;\r\n    letter-spacing:.06em;\r\n    text-transform:uppercase;\r\n    padding:16px 32px;\r\n    border-radius:6px;\r\n    border:none;\r\n    cursor:pointer;\r\n    transition:filter .2s ease, transform .2s ease, box-shadow .2s ease;\r\n    box-shadow:0 8px 20px -10px rgba(76,140,11,.75);\r\n  }\r\n  .btn:hover{filter:brightness(1.08); transform:translateY(-2px);}\r\n  .btn svg{width:15px;height:15px;flex-shrink:0;}\r\n  .btn-ghost{\r\n    background:transparent;\r\n    color:var(--text);\r\n    border:1.5px solid var(--gray-border);\r\n    box-shadow:none;\r\n    font-size:13px;\r\n    padding:14px 28px;\r\n  }\r\n  .btn-ghost:hover{border-color:var(--green); color:var(--green); filter:none;}\r\n\r\n  \/* === HEADER === *\/\r\n  header{\r\n    position:sticky;\r\n    top:0;\r\n    z-index:999;\r\n    backdrop-filter:blur(10px);\r\n    border-bottom:1px solid rgba(0,0,0,.05);\r\n  }\r\n  .nav-wrap{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    padding:12px 24px;\r\n    max-width:var(--container);\r\n    margin:0 auto;\r\n  }\r\n  .logo{display:flex;align-items:center;gap:11px;}\r\n  .logo img{height:76px;width:auto;object-fit:contain;}\r\n  .logo-text{display:flex;flex-direction:column;line-height:1.08;}\r\n  .logo-text strong{font-size:19px;font-weight:800;letter-spacing:.03em;}\r\n  .logo-text span{font-size:10.5px;font-weight:600;color:var(--green);letter-spacing:.14em;}\r\n\r\n  nav.main-menu ul{display:flex;gap:32px;}\r\n  nav.main-menu a{\r\n    font-size:12.5px;\r\n    font-weight:700;\r\n    letter-spacing:.07em;\r\n    text-transform:uppercase;\r\n    color:var(--text);\r\n    position:relative;\r\n    padding:6px 0;\r\n    transition:color .2s ease;\r\n  }\r\n  nav.main-menu a::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;bottom:0;\r\n    width:0;height:2px;\r\n    background:var(--green);\r\n    transition:width .25s ease;\r\n  }\r\n  nav.main-menu a:hover, nav.main-menu a.active{color:var(--green);}\r\n  nav.main-menu a:hover::after, nav.main-menu a.active::after{width:100%;}\r\n\r\n  .burger{display:none;width:26px;height:20px;position:relative;background:none;border:none;cursor:pointer;z-index:1001;}\r\n  .burger span{position:absolute;left:0;right:0;height:2px;background:var(--dark);transition:all .3s ease;}\r\n  .burger span:nth-child(1){top:0;}\r\n  .burger span:nth-child(2){top:9px;}\r\n  .burger span:nth-child(3){top:18px;}\r\n  .burger.open span:nth-child(1){transform:translateY(9px) rotate(45deg);}\r\n  .burger.open span:nth-child(2){opacity:0;}\r\n  .burger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}\r\n\r\n  .mobile-menu{\r\n    position:fixed;\r\n    top:0; left:0; right:0; bottom:0;\r\n    width:100%; height:100%;\r\n    background:#FBFBFB;\r\n    background-image:repeating-linear-gradient(\r\n      112deg,\r\n      rgba(0,0,0,0.045) 0px, rgba(0,0,0,0.045) 92px,\r\n      rgba(0,0,0,0) 92px, rgba(0,0,0,0) 132px,\r\n      rgba(0,0,0,0.028) 132px, rgba(0,0,0,0.028) 158px,\r\n      rgba(0,0,0,0) 158px, rgba(0,0,0,0) 470px\r\n    );\r\n    z-index:10000;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n    opacity:0;\r\n    visibility:hidden;\r\n    transform:translateY(-14px);\r\n    transition:opacity .3s ease, transform .3s ease, visibility .3s;\r\n    overflow-y:auto;\r\n    padding:90px 24px 40px;\r\n  }\r\n  .mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0);}\r\n  .mm-close{\r\n    position:absolute; top:22px; right:20px;\r\n    width:46px; height:46px; border-radius:50%;\r\n    border:none; background:rgba(17,17,17,.06); color:var(--dark);\r\n    display:flex; align-items:center; justify-content:center;\r\n    cursor:pointer; transition:.2s ease;\r\n  }\r\n  .mm-close:hover{background:var(--green); color:#fff;}\r\n  .mm-close svg{width:22px;height:22px;}\r\n  .mm-nav{\r\n    display:flex; flex-direction:column; align-items:center;\r\n    gap:4px; width:100%; max-width:340px;\r\n  }\r\n  .mm-nav a{\r\n    display:block; width:100%; text-align:center;\r\n    font-size:19px; font-weight:700; letter-spacing:.06em;\r\n    text-transform:uppercase; color:var(--text);\r\n    padding:16px 12px; border-radius:8px;\r\n    transition:background .2s ease, color .2s ease;\r\n  }\r\n  .mm-nav a:active, .mm-nav a:hover{background:rgba(96,173,17,.1); color:var(--green);}\r\n  .mm-contact{\r\n    margin-top:30px; padding-top:24px;\r\n    border-top:1px solid rgba(0,0,0,.09);\r\n    display:flex; flex-direction:column; align-items:center; gap:10px;\r\n    width:100%; max-width:340px;\r\n  }\r\n  .mm-contact a{\r\n    font-size:14px; font-weight:600; color:var(--text-soft);\r\n  }\r\n  .mm-contact a:active{color:var(--green);}\r\n  body.menu-open{overflow:hidden;}\r\n  @media (min-width:821px){ .mobile-menu{display:none !important;} }\r\n\r\n  \/* === HERO === *\/\r\n  .hero{padding:56px 0 64px;overflow:hidden;}\r\n  .hero .container{\r\n    display:grid;\r\n    grid-template-columns:1.4fr 1fr;\r\n    gap:48px;\r\n    align-items:center;\r\n  }\r\n  .hero-visual{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:flex-start;\r\n    margin-top:-35px;\r\n  }\r\n  .hero-visual img{width:100%;max-width:700px;border-radius:8px;}\r\n  .hero-text h1{\r\n    font-size:clamp(30px, 4vw, 47px);\r\n    text-transform:uppercase;\r\n    letter-spacing:-.005em;\r\n  }\r\n  .hero-text p{\r\n    font-size:16.5px;\r\n    color:var(--text-soft);\r\n    margin:24px 0 32px;\r\n    max-width:430px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  \/* === CO ROBIMY === *\/\r\n  .what-we-do{background:var(--dark);color:#fff;padding:60px 0 54px;}\r\n  .section-head{text-align:center; margin-bottom:42px;}\r\n  .section-head h2{font-size:clamp(25px,3.2vw,35px); text-transform:uppercase; letter-spacing:.01em;}\r\n  .section-head p.sub{color:var(--text-soft); font-size:15px; margin-top:12px; font-weight:500;}\r\n  .what-we-do .section-head{margin-bottom:38px;}\r\n\r\n  .icon-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:18px;}\r\n  .icon-card{text-align:center; padding:8px;}\r\n  .icon-card .ic{\r\n    width:66px;height:66px;margin:0 auto 18px;\r\n    display:flex;align-items:center;justify-content:center;\r\n    border-radius:50%;border:2px solid currentColor;\r\n  }\r\n  .icon-card .ic svg{width:30px;height:30px;}\r\n  .icon-card h4{font-size:13.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;line-height:1.4;color:#fff;}\r\n  .ic-blue{color:var(--blue);} .ic-pink{color:var(--pink);} .ic-yellow{color:var(--yellow);}\r\n  .ic-green{color:#7CC421;} .ic-red{color:var(--red);} .ic-orange{color:var(--orange);}\r\n  .more-tag{text-align:center;margin-top:32px;font-weight:800;letter-spacing:.08em;color:var(--green);font-size:15px;text-transform:uppercase;}\r\n\r\n  \/* === O NAS === *\/\r\n  .about{padding:72px 0 40px;}\r\n  .about .container{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}\r\n  .about-visual img{width:100%;border-radius:12px;}\r\n  .about-text h2{font-size:clamp(26px,3.2vw,36px);text-transform:uppercase;margin-bottom:20px;}\r\n  .about-text p.lead{color:var(--text-soft);font-size:15.5px;line-height:1.8;margin:0 0 34px;}\r\n  .feature-grid{display:grid; grid-template-columns:1fr 1fr; gap:26px 30px;}\r\n  .feature{display:flex; gap:14px; align-items:flex-start;}\r\n  .feature .ic{flex:none;width:36px;height:36px;color:var(--green);display:flex;align-items:center;justify-content:center;}\r\n  .feature .ic svg{width:30px;height:30px;}\r\n  .feature h4{font-size:13.5px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;}\r\n  .feature p{font-size:13px;color:var(--text-soft);margin:0;line-height:1.55;}\r\n\r\n  \/* Zielony pasek rozdzielaj\u0105cy *\/\r\n  .green-divider{padding:26px 0 60px;}\r\n  .green-divider .bar{\r\n    max-width:var(--container);\r\n    margin:0 auto;\r\n    height:11px;\r\n    border-radius:100px;\r\n    background:linear-gradient(90deg,#7CC421,#60AD11,#4F9A0C);\r\n  }\r\n\r\n  \/* === REALIZACJE === *\/\r\n  .portfolio{padding:8px 0 70px;}\r\n  .filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:30px;}\r\n  .filters button{\r\n    font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;\r\n    padding:11px 24px;border-radius:5px;border:1px solid transparent;background:transparent;color:var(--text);\r\n    cursor:pointer;transition:.2s ease;\r\n  }\r\n  .filters button.active{background:linear-gradient(135deg,#7CC421,#60AD11);color:#fff;}\r\n  .filters button:not(.active):hover{border-color:var(--gray-border);color:var(--green);}\r\n\r\n  .gallery-shell{display:flex;align-items:center;gap:14px;}\r\n  .gallery-track{\r\n    display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;\r\n    padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;\r\n  }\r\n  .gallery-track::-webkit-scrollbar{display:none;}\r\n  .gallery-item{\r\n    flex:0 0 330px;scroll-snap-align:start;border-radius:8px;overflow:hidden;\r\n    aspect-ratio:4\/3;background:#EDEFED;position:relative;display:block;cursor:pointer;\r\n  }\r\n  .gallery-item img{\r\n    width:100%;height:100%;object-fit:cover;display:block;\r\n    transition:transform .4s ease;\r\n    image-rendering:-webkit-optimize-contrast;\r\n    backface-visibility:hidden;\r\n  }\r\n  .gallery-item:hover img{transform:scale(1.05);}\r\n  .gallery-item::after{\r\n    content:\"\";position:absolute;inset:0;\r\n    background:rgba(96,173,17,0);transition:background .25s ease;\r\n  }\r\n  .gallery-item:hover::after{background:rgba(96,173,17,.12);}\r\n  .gallery-item .zoom{\r\n    position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;\r\n    background:rgba(255,255,255,.92);color:var(--green);\r\n    display:flex;align-items:center;justify-content:center;\r\n    opacity:0;transform:scale(.8);transition:.25s ease;z-index:2;\r\n  }\r\n  .gallery-item:hover .zoom{opacity:1;transform:scale(1);}\r\n  .gallery-item .zoom svg{width:17px;height:17px;}\r\n  .gallery-item .cap{\r\n    position:absolute;left:0;right:0;bottom:0;padding:22px 14px 11px;\r\n    font-size:12px;font-weight:600;color:#fff;\r\n    background:linear-gradient(0deg, rgba(0,0,0,.72), rgba(0,0,0,0));\r\n  }\r\n  .g-arrow{\r\n    flex:none;width:34px;height:34px;border-radius:50%;border:none;background:transparent;\r\n    color:var(--green);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease;\r\n  }\r\n  .g-arrow:hover{background:rgba(96,173,17,.1);}\r\n  .g-arrow svg{width:26px;height:26px;}\r\n  .portfolio-cta{text-align:center;margin-top:30px;}\r\n\r\n  \/* === LIGHTBOX === *\/\r\n  .lightbox{\r\n    position:fixed;inset:0;z-index:9999;\r\n    background:rgba(10,10,10,.94);\r\n    display:flex;align-items:center;justify-content:center;\r\n    opacity:0;visibility:hidden;transition:opacity .25s ease;\r\n    padding:60px 70px;\r\n  }\r\n  .lightbox.open{opacity:1;visibility:visible;}\r\n  .lightbox-img{\r\n    max-width:100%;max-height:100%;\r\n    object-fit:contain;border-radius:6px;\r\n    box-shadow:0 24px 60px -20px rgba(0,0,0,.8);\r\n  }\r\n  .lb-caption{\r\n    position:absolute;bottom:22px;left:0;right:0;text-align:center;\r\n    color:#fff;font-size:14px;font-weight:600;letter-spacing:.03em;\r\n  }\r\n  .lb-counter{\r\n    position:absolute;top:24px;left:0;right:0;text-align:center;\r\n    color:#8A908A;font-size:12.5px;font-weight:600;letter-spacing:.06em;\r\n  }\r\n  .lb-btn{\r\n    position:absolute;background:rgba(255,255,255,.08);border:none;color:#fff;\r\n    width:46px;height:46px;border-radius:50%;cursor:pointer;\r\n    display:flex;align-items:center;justify-content:center;transition:.2s ease;\r\n  }\r\n  .lb-btn:hover{background:var(--green);}\r\n  .lb-btn svg{width:22px;height:22px;}\r\n  .lb-close{top:18px;right:18px;}\r\n  .lb-prev{left:14px;top:50%;transform:translateY(-50%);}\r\n  .lb-next{right:14px;top:50%;transform:translateY(-50%);}\r\n\r\n  \/* === JAK PRACUJEMY === *\/\r\n  .process{padding:60px 0 66px;background:var(--gray-bg);}\r\n  .process-track{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;}\r\n  .process-track::before{\r\n    content:\"\";position:absolute;top:38px;left:11%;right:11%;\r\n    border-top:1px dashed #C8CDC8;z-index:0;\r\n  }\r\n  .step{text-align:center;position:relative;z-index:1;}\r\n  .step .ic{\r\n    width:76px;height:76px;border-radius:50%;border:2.5px solid currentColor;background:var(--gray-bg);\r\n    display:flex;align-items:center;justify-content:center;margin:0 auto 14px;\r\n  }\r\n  .step .ic svg{width:32px;height:32px;}\r\n  .step .num{font-size:22px;font-weight:800;margin-bottom:8px;}\r\n  .step h4{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:9px;color:var(--text);line-height:1.4;}\r\n  .step p{font-size:12px;color:var(--text-soft);line-height:1.6;margin:0;padding:0 6px;}\r\n  .step:nth-child(1) .ic, .step:nth-child(1) .num{color:var(--green);}\r\n  .step:nth-child(2) .ic, .step:nth-child(2) .num{color:var(--pink);}\r\n  .step:nth-child(3) .ic, .step:nth-child(3) .num{color:var(--yellow);}\r\n  .step:nth-child(4) .ic, .step:nth-child(4) .num{color:var(--blue);}\r\n  .step:nth-child(5) .ic, .step:nth-child(5) .num{color:var(--red);}\r\n\r\n  \/* === CTA BANNER === *\/\r\n  .cta-banner{\r\n    background:var(--dark);\r\n    color:#fff;\r\n    padding:70px 0 90px;\r\n    overflow:hidden;\r\n    position:relative;\r\n  }\r\n  .cta-banner .container{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:var(--container);\r\n  }\r\n  .cta-text{max-width:600px;}\r\n  .cta-banner h2{font-size:clamp(26px,3.4vw,38px);text-transform:uppercase;margin-bottom:14px;}\r\n  .cta-banner p{color:#C9CFC9;font-size:15px;margin:0 0 26px;font-weight:500;}\r\n  .cta-visual{\r\n    position:absolute;\r\n    right:0;\r\n    bottom:0;\r\n    width:460px;\r\n    max-width:42vw;\r\n    z-index:1;\r\n    pointer-events:none;\r\n    line-height:0;\r\n  }\r\n  .cta-visual img{width:100%;display:block;}\r\n\r\n  \/* === STOPKA === *\/\r\n  footer{background:#fff;padding:56px 0 22px;}\r\n  .footer-grid{display:grid;grid-template-columns:1.5fr 1.1fr 1fr;gap:36px;padding-bottom:38px;}\r\n  .footer-grid h5{font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:20px;color:var(--text);}\r\n  .footer-grid .logo{margin-bottom:16px;}\r\n  .footer-grid p{font-size:13.5px;color:var(--text-soft);line-height:1.7;margin:0;max-width:250px;}\r\n  .footer-contact li{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;color:var(--text-soft);margin-bottom:13px;}\r\n  .footer-contact .ic{\r\n    flex:none;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;\r\n    display:flex;align-items:center;justify-content:center;\r\n  }\r\n  .footer-contact .ic svg{width:13px;height:13px;}\r\n  .footer-links li{margin-bottom:11px;}\r\n  .footer-links a{font-size:13.5px;color:var(--text-soft);transition:color .2s ease;}\r\n  .footer-links a:hover{color:var(--green);}\r\n  .footer-bottom{border-top:1px solid var(--gray-border);padding-top:20px;text-align:center;font-size:12.5px;color:#9AA09A;}\r\n\r\n  \/* === BANER COOKIES === *\/\r\n  .cookie-banner{\r\n    position:fixed;\r\n    right:20px;\r\n    bottom:20px;\r\n    z-index:100000;\r\n    width:380px;\r\n    max-width:calc(100vw - 40px);\r\n    background:#fff;\r\n    border-radius:12px;\r\n    box-shadow:0 20px 50px -15px rgba(0,0,0,.35);\r\n    border:1px solid var(--gray-border);\r\n    padding:24px;\r\n    font-family:'Poppins', sans-serif;\r\n    opacity:0;\r\n    visibility:hidden;\r\n    transform:translateY(16px);\r\n    transition:opacity .3s ease, transform .3s ease, visibility .3s;\r\n  }\r\n  .cookie-banner.show{opacity:1;visibility:visible;transform:translateY(0);}\r\n  .cookie-icon{\r\n    width:44px;height:44px;border-radius:50%;\r\n    background:rgba(96,173,17,.1);color:var(--green);\r\n    display:flex;align-items:center;justify-content:center;\r\n    margin-bottom:14px;\r\n  }\r\n  .cookie-icon svg{width:22px;height:22px;}\r\n  .cookie-banner h3{\r\n    font-size:16px;\r\n    text-transform:uppercase;\r\n    letter-spacing:.03em;\r\n    margin-bottom:10px;\r\n  }\r\n  .cookie-banner p{\r\n    font-size:13px;\r\n    color:var(--text-soft);\r\n    line-height:1.65;\r\n    margin:0 0 18px;\r\n  }\r\n  .cookie-banner p a{color:var(--green);font-weight:600;text-decoration:underline;}\r\n  .cookie-actions{display:flex;flex-direction:column;gap:9px;}\r\n  .cookie-actions .btn{\r\n    width:100%;\r\n    justify-content:center;\r\n    padding:12px 20px;\r\n    font-size:12.5px;\r\n  }\r\n  .cookie-btn-reject{\r\n    width:100%;\r\n    text-align:center;\r\n    background:transparent;\r\n    color:var(--text);\r\n    border:1.5px solid var(--gray-border);\r\n    border-radius:6px;\r\n    padding:11px 20px;\r\n    font-size:12.5px;\r\n    font-weight:700;\r\n    letter-spacing:.06em;\r\n    text-transform:uppercase;\r\n    cursor:pointer;\r\n    font-family:inherit;\r\n    transition:.2s ease;\r\n  }\r\n  .cookie-btn-reject:hover{border-color:var(--green);color:var(--green);}\r\n  .cookie-btn-settings{\r\n    width:100%;\r\n    text-align:center;\r\n    background:none;\r\n    border:none;\r\n    color:var(--text-soft);\r\n    font-size:12px;\r\n    font-weight:600;\r\n    letter-spacing:.03em;\r\n    text-decoration:underline;\r\n    cursor:pointer;\r\n    font-family:inherit;\r\n    padding:6px 0 0;\r\n  }\r\n  .cookie-btn-settings:hover{color:var(--green);}\r\n\r\n  .cookie-settings{\r\n    display:none;\r\n    margin-top:16px;\r\n    padding-top:16px;\r\n    border-top:1px solid var(--gray-border);\r\n  }\r\n  .cookie-settings.open{display:block;}\r\n  .cookie-option{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    justify-content:space-between;\r\n    gap:14px;\r\n    padding:10px 0;\r\n  }\r\n  .cookie-option + .cookie-option{border-top:1px solid var(--gray-border);}\r\n  .cookie-option-text h4{\r\n    font-size:12.5px;\r\n    text-transform:uppercase;\r\n    letter-spacing:.03em;\r\n    margin-bottom:4px;\r\n  }\r\n  .cookie-option-text p{\r\n    font-size:11.5px;\r\n    color:var(--text-soft);\r\n    margin:0;\r\n    line-height:1.5;\r\n  }\r\n  .cookie-switch{\r\n    position:relative;\r\n    flex:none;\r\n    width:40px;height:22px;\r\n    margin-top:2px;\r\n  }\r\n  .cookie-switch input{\r\n    opacity:0;width:0;height:0;\r\n    position:absolute;\r\n  }\r\n  .cookie-switch-track{\r\n    position:absolute;inset:0;\r\n    background:var(--gray-border);\r\n    border-radius:100px;\r\n    cursor:pointer;\r\n    transition:.2s ease;\r\n  }\r\n  .cookie-switch-track::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:3px;top:3px;\r\n    width:16px;height:16px;\r\n    background:#fff;\r\n    border-radius:50%;\r\n    transition:.2s ease;\r\n    box-shadow:0 1px 3px rgba(0,0,0,.25);\r\n  }\r\n  .cookie-switch input:checked + .cookie-switch-track{background:var(--green);}\r\n  .cookie-switch input:checked + .cookie-switch-track::before{transform:translateX(18px);}\r\n  .cookie-switch input:disabled + .cookie-switch-track{\r\n    background:var(--green);\r\n    opacity:.6;\r\n    cursor:not-allowed;\r\n  }\r\n  .cookie-settings-save{\r\n    width:100%;\r\n    margin-top:14px;\r\n  }\r\n\r\n  @media (max-width:600px){\r\n    .cookie-banner{\r\n      left:12px;right:12px;bottom:12px;\r\n      width:auto;max-width:none;\r\n      padding:20px;\r\n    }\r\n  }\r\n\r\n  \/* === RESPONSYWNO\u015a\u0106 === *\/\r\n  @media (max-width:1024px){\r\n    .icon-grid{grid-template-columns:repeat(3,1fr);gap:26px;}\r\n    .about .container{grid-template-columns:1fr;gap:36px;}\r\n    .footer-grid{grid-template-columns:1fr 1fr;gap:30px;}\r\n    .process-track{grid-template-columns:repeat(3,1fr);gap:32px 16px;}\r\n    .process-track::before{display:none;}\r\n  }\r\n  @media (max-width:820px){\r\n    nav.main-menu{display:none;}\r\n    .burger{display:block;}\r\n    .hero .container{grid-template-columns:1fr;gap:28px;}\r\n    .hero-visual{\r\n      order:-1;\r\n      max-width:520px;\r\n      margin:0 auto;\r\n      justify-content:center;\r\n      margin-top:0;\r\n    }\r\n    .hero-text{text-align:center;}\r\n    .hero-text p{margin-left:auto;margin-right:auto;}\r\n    .cta-banner{padding:60px 0 220px;}\r\n    .cta-banner .container{text-align:center;}\r\n    .cta-text{max-width:none;}\r\n    .cta-visual{width:300px;max-width:75vw;right:50%;transform:translateX(50%);}\r\n  }\r\n  @media (max-width:600px){\r\n    .icon-grid{grid-template-columns:repeat(2,1fr);}\r\n    .feature-grid{grid-template-columns:1fr;}\r\n    .footer-grid{grid-template-columns:1fr;}\r\n    .process-track{grid-template-columns:1fr 1fr;}\r\n    .gallery-item{flex:0 0 80vw;}\r\n    .g-arrow{display:none;}\r\n    .lightbox{padding:56px 12px;}\r\n    .lb-prev{left:6px;} .lb-next{right:6px;}\r\n    .lb-btn{width:40px;height:40px;}\r\n  }\r\n\r\n  \/* === RESET ODSTEPOW I NAGLOWKA\/STOPKI MOTYWU WORDPRESS === *\/\r\n  .wp-site-blocks > header,\r\n  .wp-site-blocks > footer,\r\n  .wp-block-template-part:not(.graffiti-site *){ display:none !important; }\r\n\r\n  .graffiti-site > *,\r\n  .graffiti-site header,\r\n  .graffiti-site section,\r\n  .graffiti-site footer,\r\n  .graffiti-site .green-divider{\r\n    margin-block-start:0 !important;\r\n    margin-block-end:0 !important;\r\n    margin-top:0 !important;\r\n    margin-bottom:0 !important;\r\n  }\r\n  .wp-site-blocks > *,\r\n  .wp-block-post-content > *,\r\n  .entry-content > *{\r\n    margin-block-start:0 !important;\r\n    margin-block-end:0 !important;\r\n  }\r\n  .wp-site-blocks,\r\n  .wp-block-post-content,\r\n  .entry-content{\r\n    padding:0 !important;\r\n    max-width:none !important;\r\n  }\r\n  \/* motyw WordPress (Twenty Twenty-Five) narzuca max-width:645px i wy\u015brodkowanie\r\n     na bezpo\u015brednim dziecku .is-layout-constrained. Ten kod jest wklejony jako\r\n     shortcode wewn\u0105trz takiego kontenera (WPCode opakowuje go we w\u0142asny\r\n     wp-block-group.is-layout-constrained), wi\u0119c .graffiti-site \u2014 jako\r\n     bezpo\u015brednie dziecko tego kontenera \u2014 dostaje to ograniczenie. Bijemy\r\n     ten sam selektor, \u017ceby strona zajmowa\u0142a pe\u0142n\u0105 szeroko\u015b\u0107 niezale\u017cnie od\r\n     tego, w ilu warstwach kontener\u00f3w WordPress akurat go opakuje. *\/\r\n  .is-layout-constrained > .graffiti-site{\r\n    max-width:none !important;\r\n    margin-left:0 !important;\r\n    margin-right:0 !important;\r\n    width:100% !important;\r\n  }\r\n  .graffiti-site{ margin:0 !important; width:100% !important; }\r\n<\/style>\r\n<!-- poni\u017cej: tre\u015b\u0107 strony Graffiti, w miejscu dawnego <body> -->\r\n<div class=\"graffiti-site\">\r\n\r\n<!-- ===== HEADER ===== -->\r\n<header class=\"stripes-light\">\r\n  <div class=\"nav-wrap\">\r\n    <a href=\"#hero\" class=\"logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/Graffiti-grafika-na-strone-2.png\" alt=\"Graffiti Sp. z o.o.\">\r\n      <div class=\"logo-text\">\r\n        <strong>GRAFFITI<\/strong>\r\n        <span>SP. Z O.O.<\/span>\r\n      <\/div>\r\n    <\/a>\r\n    <nav class=\"main-menu\">\r\n      <ul>\r\n        <li><a href=\"#hero\" class=\"active\">Strona g\u0142\u00f3wna<\/a><\/li>\r\n        <li><a href=\"#o-nas\">O nas<\/a><\/li>\r\n        <li><a href=\"#oferta\">Oferta<\/a><\/li>\r\n        <li><a href=\"#realizacje\">Realizacje<\/a><\/li>\r\n        <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\r\n      <\/ul>\r\n    <\/nav>\r\n    <button class=\"burger\" id=\"burger\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- ===== MENU MOBILNE ===== -->\r\n<div class=\"mobile-menu\" id=\"mobileMenu\" aria-hidden=\"true\">\r\n  <button class=\"mm-close\" id=\"mmClose\" aria-label=\"Zamknij menu\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\r\n  <\/button>\r\n  <nav class=\"mm-nav\">\r\n    <a href=\"#hero\">Strona g\u0142\u00f3wna<\/a>\r\n    <a href=\"#o-nas\">O nas<\/a>\r\n    <a href=\"#oferta\">Oferta<\/a>\r\n    <a href=\"#realizacje\">Realizacje<\/a>\r\n    <a href=\"#kontakt\">Kontakt<\/a>\r\n  <\/nav>\r\n  <div class=\"mm-contact\">\r\n    <a href=\"tel:+48876446183\">87 64 46 183<\/a>\r\n    <a href=\"mailto:graffiti.augustow@gmail.com\">graffiti.augustow@gmail.com<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ===== HERO ===== -->\r\n<section class=\"hero stripes-light\" id=\"hero\">\r\n  <div class=\"container\">\r\n    <div class=\"hero-visual\">\r\n      <img decoding=\"async\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/Graffiti-grafika-na-strone-2.png\" alt=\"Graffiti \u2014 kameleon low-poly\">\r\n    <\/div>\r\n    <div class=\"hero-text\">\r\n      <h1>Twoja marka.<br>Nasza pasja.<br><span class=\"accent\">Wsp\u00f3lny efekt.<\/span><\/h1>\r\n      <p>Tworzymy projekty graficzne, kt\u00f3re przyci\u0105gaj\u0105 uwag\u0119 i buduj\u0105 wizerunek.<\/p>\r\n      <a href=\"#oferta\" class=\"btn\">Sprawd\u017a ofert\u0119\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\"><path d=\"M9 6l6 6-6 6\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== CO ROBIMY ===== -->\r\n<section class=\"what-we-do\" id=\"oferta\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head\">\r\n      <h2>Co <span class=\"accent\">robimy?<\/span><\/h2>\r\n    <\/div>\r\n    <div class=\"icon-grid\">\r\n      <div class=\"icon-card ic-blue\">\r\n        <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 19l7-7 3 3-7 7-3-3z\"\/><path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"\/><path d=\"M2 2l7.6 7.6\"\/><circle cx=\"11\" cy=\"11\" r=\"2\"\/><\/svg><\/div>\r\n        <h4>Projekty<br>graficzne<\/h4>\r\n      <\/div>\r\n      <div class=\"icon-card ic-pink\">\r\n        <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"7\"\/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M19 5l-2 2M7 17l-2 2\"\/><path d=\"M14.5 9.5l-4 4\"\/><\/svg><\/div>\r\n        <h4>Loga<br>firm<\/h4>\r\n      <\/div>\r\n      <div class=\"icon-card ic-yellow\">\r\n        <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"6\" y=\"3\" width=\"12\" height=\"6\" rx=\"1\"\/><path d=\"M6 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2\"\/><rect x=\"6\" y=\"13\" width=\"12\" height=\"8\" rx=\"1\"\/><\/svg><\/div>\r\n        <h4>Druk<\/h4>\r\n      <\/div>\r\n      <div class=\"icon-card ic-green\">\r\n        <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"12\" rx=\"1\"\/><path d=\"M8 21h8M12 16v5M5 2v2M19 2v2\"\/><\/svg><\/div>\r\n        <h4>Reklama<br>wielkoformatowa<\/h4>\r\n      <\/div>\r\n      <div class=\"icon-card ic-red\">\r\n        <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div>\r\n        <h4>Identyfikacja<br>wizualna<\/h4>\r\n      <\/div>\r\n      <div class=\"icon-card ic-orange\">\r\n        <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 3c-1.66 0-3 1.34-3 3v3h6V6c0-1.66-1.34-3-3-3z\"\/><path d=\"M5 9h14c1.1 0 2 .9 2 2v5H3v-5c0-1.1.9-2 2-2z\"\/><path d=\"M2 19h20v2H2v-2z\"\/><path d=\"M8 13h8\"\/><\/svg><\/div>\r\n        <h4>Piecz\u0105tki<\/h4>\r\n      <\/div>\r\n    <\/div>\r\n    <p class=\"more-tag\">I wiele wi\u0119cej!<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== O NAS ===== -->\r\n<section class=\"about\" id=\"o-nas\">\r\n  <div class=\"container\">\r\n    <div class=\"about-visual\">\r\n      <img decoding=\"async\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/projekty.png\" alt=\"Graffiti \u2014 pracownia graficzna\">\r\n    <\/div>\r\n    <div class=\"about-text\">\r\n      <h2>O <span class=\"accent\">nas<\/span><\/h2>\r\n      <p class=\"lead\">Jeste\u015bmy zespo\u0142em kreatywnych specjalist\u00f3w z pasj\u0105 do grafiki i druku. Od lat pomagamy firmom wyr\u00f3\u017cnia\u0107 si\u0119 na rynku poprzez oryginalne projekty, wysok\u0105 jako\u015b\u0107 i indywidualne podej\u015bcie do ka\u017cdego zlecenia.<\/p>\r\n      <div class=\"feature-grid\">\r\n        <div class=\"feature\">\r\n          <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 2l2 2.3 3-.6.6 3L20.5 8l-1.3 2.8 1.3 2.8-2.9 1.3-.6 3-3-.6L12 19.6 10 17.3l-3 .6-.6-3L3.5 13.6l1.3-2.8L3.5 8l2.9-1.3.6-3 3 .6L12 2z\"\/><circle cx=\"12\" cy=\"10.8\" r=\"3\"\/><\/svg><\/div>\r\n          <div><h4>Do\u015bwiadczenie<\/h4><p>Wieloletnie do\u015bwiadczenie w bran\u017cy reklamowej<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"feature\">\r\n          <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M9 18h6M10 21.5h4M12 2.5a6 6 0 0 0-3.8 10.6c.5.4.8 1.1.8 1.8v.6h6v-.6c0-.7.3-1.4.8-1.8A6 6 0 0 0 12 2.5z\"\/><path d=\"M4 6L2.6 4.6M20 6l1.4-1.4M3 13H1M23 13h-2\"\/><\/svg><\/div>\r\n          <div><h4>Kreatywno\u015b\u0107<\/h4><p>Nowoczesne pomys\u0142y i nieszablonowe rozwi\u0105zania<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"feature\">\r\n          <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 2.5l7.5 3.2v5.1c0 4.6-3.1 8.9-7.5 10.2-4.4-1.3-7.5-5.6-7.5-10.2V5.7L12 2.5z\"\/><path d=\"M8.6 11.8l2.4 2.4 4.4-4.4\"\/><\/svg><\/div>\r\n          <div><h4>Jako\u015b\u0107<\/h4><p>Najlepsze materia\u0142y i dba\u0142o\u015b\u0107 o ka\u017cdy detal<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"feature\">\r\n          <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"4.5\" width=\"18\" height=\"16.5\" rx=\"2\"\/><path d=\"M3 9.5h18M8 2.5v4M16 2.5v4\"\/><path d=\"M8.5 14.5l2.2 2.2 4.3-4.3\"\/><\/svg><\/div>\r\n          <div><h4>Terminowo\u015b\u0107<\/h4><p>Realizacja zlece\u0144 na czas<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== ZIELONY PASEK ===== -->\r\n<div class=\"green-divider\"><div class=\"container\"><div class=\"bar\"><\/div><\/div><\/div>\r\n\r\n<!-- ===== REALIZACJE ===== -->\r\n<section class=\"portfolio\" id=\"realizacje\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head\">\r\n      <h2>Czym si\u0119 <span class=\"accent\">zajmujemy<\/span><\/h2>\r\n    <\/div>\r\n    <div class=\"filters\">\r\n      <button class=\"active\" data-filter=\"all\">Wszystkie<\/button>\r\n      <button data-filter=\"druk\">Druk<\/button>\r\n      <button data-filter=\"reklama\">Reklama<\/button>\r\n      <button data-filter=\"odziez\">Odzie\u017c i gad\u017cety<\/button>\r\n      <button data-filter=\"identyfikacja\">Identyfikacja<\/button>\r\n      <button data-filter=\"pieczatki\">Piecz\u0105tki<\/button>\r\n    <\/div>\r\n    <div class=\"gallery-shell\">\r\n      <button class=\"g-arrow\" id=\"galleryPrev\" aria-label=\"Poprzednie\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg><\/button>\r\n      <div class=\"gallery-track\" id=\"galleryTrack\">\r\n        <div class=\"gallery-item\" data-cat=\"druk\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/wizytowki.png\" alt=\"Wizyt\u00f3wki\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Wizyt\u00f3wki<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"druk\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/ulotki.png\" alt=\"Ulotki\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Ulotki DL \/ A6 \/ A5<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"druk\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/ulotki-skladane.png\" alt=\"Ulotki sk\u0142adane\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Ulotki sk\u0142adane<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"druk\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/foldery.png\" alt=\"Foldery\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Foldery firmowe<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"druk\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/zaproszenia.png\" alt=\"Zaproszenia\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Zaproszenia<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"druk\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/plakaty.png\" alt=\"Plakaty\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Plakat reklamowy<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"druk\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/bindowanie.png\" alt=\"Bindowanie\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Bindowanie prac<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"reklama\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/baner-oczkowany.png\" alt=\"Baner\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Baner reklamowy<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"reklama\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/Potykacz.png\" alt=\"Potykacz\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Potykacz reklamowy<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"reklama\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/flagi-1.png\" alt=\"Flagi\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Flagi reklamowe<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"reklama\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/flagi-2.png\" alt=\"Flagi przed firm\u0105\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Flagi przed siedzib\u0105<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"reklama\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/roll-up.png\" alt=\"Roll-up\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Roll-up<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"reklama\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/Scianka-lukowa.png\" alt=\"\u015acianka targowa\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">\u015acianka reklamowa<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"reklama\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/Oklejanie-samochodu.png\" alt=\"Oklejanie pojazdu\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Oklejanie pojazdu<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"reklama\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/oklejanie-samochodow.png\" alt=\"Oklejanie pojazd\u00f3w\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Oklejanie pojazdu \u2014 detale<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"reklama\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/reklama-swietlna-1.png\" alt=\"Reklama \u015bwietlna\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Reklama \u015bwietlna \u2014 szyld<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"reklama\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/reklama-swietlna-2.png\" alt=\"Kaseton reklamowy\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Reklama \u015bwietlna \u2014 kaseton<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"reklama\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/projekty.png\" alt=\"Projekty graficzne\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Projekt graficzny<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"odziez\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/bluza-1.png\" alt=\"Bluza czarna\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Bluza z nadrukiem<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"odziez\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/bluza-2.png\" alt=\"Bluza bia\u0142a\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Bluza z nadrukiem<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"odziez\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/koszulka-1.png\" alt=\"Koszulka czarna\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Koszulka z nadrukiem<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"odziez\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/bluzka-2.png\" alt=\"Koszulka bia\u0142a\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Koszulka z nadrukiem<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"odziez\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/czapka.png\" alt=\"Czapka z haftem\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Czapka z haftem<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"odziez\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/gadzety-reklamowe.png\" alt=\"Gad\u017cety reklamowe\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Gad\u017cety reklamowe<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"identyfikacja\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/szyby-owv.png\" alt=\"Oklejanie witryn\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Oklejanie witryn<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"identyfikacja\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/szyby-szroniona-druk.png\" alt=\"Folia mro\u017cona z nadrukiem\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Folia mro\u017cona \u2014 witryna<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"identyfikacja\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/szyby-szroniona-wyciecie.png\" alt=\"Folia mro\u017cona \u2014 wyci\u0119cie\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Folia mro\u017cona \u2014 oznakowanie<\/span><\/div>\r\n        <div class=\"gallery-item\" data-cat=\"pieczatki\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/4435a04e-6ab6-4280-8b5f-fc1e80bb8ea3.png\" alt=\"Piecz\u0105tki\"><span class=\"zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\"\/><\/svg><\/span><span class=\"cap\">Piecz\u0105tki<\/span><\/div>\r\n      <\/div>\r\n      <button class=\"g-arrow\" id=\"galleryNext\" aria-label=\"Nast\u0119pne\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/button>\r\n    <\/div>\r\n    <div class=\"portfolio-cta\">\r\n      <a href=\"#kontakt\" class=\"btn btn-ghost\">Zobacz wi\u0119cej realizacji<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== JAK PRACUJEMY ===== -->\r\n<section class=\"process\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head\">\r\n      <h2>Jak <span class=\"accent\">pracujemy?<\/span><\/h2>\r\n    <\/div>\r\n    <div class=\"process-track\">\r\n      <div class=\"step\">\r\n        <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><circle cx=\"17\" cy=\"9\" r=\"2.2\"\/><path d=\"M3.5 18c0-2.8 2.5-4.5 5.5-4.5s5.5 1.7 5.5 4.5\"\/><path d=\"M16 13.8c2.4.2 4.2 1.7 4.2 4.2\"\/><\/svg><\/div>\r\n        <div class=\"num\">01<\/div>\r\n        <h4>Poznajemy<br>Twoje potrzeby<\/h4>\r\n        <p>S\u0142uchamy i analizujemy, aby dobrze zrozumie\u0107 Tw\u00f3j cel.<\/p>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M16.5 3.5l4 4L8 20H4v-4L16.5 3.5z\"\/><path d=\"M14.5 5.5l4 4\"\/><\/svg><\/div>\r\n        <div class=\"num\">02<\/div>\r\n        <h4>Tworzymy projekt<\/h4>\r\n        <p>Przygotowujemy koncepcj\u0119 dopasowan\u0105 do Twojej marki.<\/p>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M9 18h6M10 21.5h4M12 2.5a6 6 0 0 0-3.8 10.6c.5.4.8 1.1.8 1.8v.6h6v-.6c0-.7.3-1.4.8-1.8A6 6 0 0 0 12 2.5z\"\/><\/svg><\/div>\r\n        <div class=\"num\">03<\/div>\r\n        <h4>Wprowadzamy<br>poprawki<\/h4>\r\n        <p>Twoje uwagi s\u0105 dla nas najwa\u017cniejsze.<\/p>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"3.2\"\/><path d=\"M19.4 14.5a1.7 1.7 0 0 0 .3 1.9l.1.1a2 2 0 1 1-2.9 2.9l-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6v.2a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1a2 2 0 1 1-2.9-2.9l.1-.1a1.7 1.7 0 0 0 .3-1.9 1.7 1.7 0 0 0-1.6-1H2.5a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.6-1.1 1.7 1.7 0 0 0-.3-1.9l-.1-.1a2 2 0 1 1 2.9-2.9l.1.1a1.7 1.7 0 0 0 1.9.3h.1a1.7 1.7 0 0 0 1-1.6V2.5a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1a2 2 0 1 1 2.9 2.9l-.1.1a1.7 1.7 0 0 0-.3 1.9v.1a1.7 1.7 0 0 0 1.6 1h.2a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.6 1z\"\/><\/svg><\/div>\r\n        <div class=\"num\">04<\/div>\r\n        <h4>Realizujemy<\/h4>\r\n        <p>Przechodzimy do produkcji z dba\u0142o\u015bci\u0105 o ka\u017cdy szczeg\u00f3\u0142.<\/p>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M2.5 8.5l9.5-5 9.5 5-9.5 5-9.5-5z\"\/><path d=\"M2.5 8.5v7l9.5 5 9.5-5v-7\"\/><path d=\"M12 13.5v7\"\/><\/svg><\/div>\r\n        <div class=\"num\">05<\/div>\r\n        <h4>Dostarczamy<br>efekt<\/h4>\r\n        <p>Gotowy projekt lub produkt trafia do Ciebie na czas.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== CTA ===== -->\r\n<section class=\"cta-banner\" id=\"kontakt\">\r\n  <div class=\"container\">\r\n    <div class=\"cta-text\">\r\n      <h2>Gotowy na <span class=\"accent\">wsp\u00f3\u0142prac\u0119?<\/span><\/h2>\r\n      <p>Skontaktuj si\u0119 z nami i stw\u00f3rzmy co\u015b wyj\u0105tkowego razem!<\/p>\r\n      <a href=\"mailto:graffiti.augustow@gmail.com\" class=\"btn\">Skontaktuj si\u0119\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\"><path d=\"M9 6l6 6-6 6\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"cta-visual\">\r\n    <img decoding=\"async\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/kameleon3.png\" alt=\"Graffiti \u2014 kameleon\">\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== STOPKA ===== -->\r\n<footer>\r\n  <div class=\"container\">\r\n    <div class=\"footer-grid\">\r\n      <div>\r\n        <a href=\"#hero\" class=\"logo\">\r\n          <img decoding=\"async\" src=\"https:\/\/graffiti.augustow.pl\/wp-content\/uploads\/2026\/09\/Graffiti-grafika-na-strone-2.png\" alt=\"Graffiti\" style=\"height:55px;\">\r\n          <div class=\"logo-text\"><strong>GRAFFITI<\/strong><span>SP. Z O.O.<\/span><\/div>\r\n        <\/a>\r\n        <p>Projekty graficzne, kt\u00f3re przyci\u0105gaj\u0105 uwag\u0119 i buduj\u0105 Tw\u00f3j wizerunek.<\/p>\r\n      <\/div>\r\n      <div>\r\n        <h5>Kontakt<\/h5>\r\n        <ul class=\"footer-contact\">\r\n          <li><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8 10a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.7 2z\"\/><\/svg><\/span>87 64 46 183<\/li>\r\n          <li><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M22 6l-10 7L2 6\"\/><\/svg><\/span>graffiti.augustow@gmail.com<\/li>\r\n          <li><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/span>16-300 August\u00f3w, 3 Maja 35<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div>\r\n        <h5>Szybkie linki<\/h5>\r\n        <ul class=\"footer-links\">\r\n          <li><a href=\"#hero\">Strona g\u0142\u00f3wna<\/a><\/li>\r\n          <li><a href=\"#o-nas\">O nas<\/a><\/li>\r\n          <li><a href=\"#oferta\">Oferta<\/a><\/li>\r\n          <li><a href=\"#realizacje\">Realizacje<\/a><\/li>\r\n          <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"footer-bottom\">\u00a9 2025 Graffiti Sp. z o.o. Wszelkie prawa zastrze\u017cone.<\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- ===== LIGHTBOX ===== -->\r\n<div class=\"lightbox\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Podgl\u0105d realizacji\">\r\n  <div class=\"lb-counter\" id=\"lbCounter\"><\/div>\r\n  <img decoding=\"async\" class=\"lightbox-img\" id=\"lightboxImg\" src=\"\" alt=\"\">\r\n  <div class=\"lb-caption\" id=\"lbCaption\"><\/div>\r\n  <button class=\"lb-btn lb-close\" id=\"lbClose\" aria-label=\"Zamknij\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg><\/button>\r\n  <button class=\"lb-btn lb-prev\" id=\"lbPrev\" aria-label=\"Poprzednie\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg><\/button>\r\n  <button class=\"lb-btn lb-next\" id=\"lbNext\" aria-label=\"Nast\u0119pne\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/button>\r\n<\/div>\r\n\r\n<!-- ===== BANER COOKIES ===== -->\r\n<div class=\"cookie-banner\" id=\"cookieBanner\" role=\"dialog\" aria-label=\"Ustawienia plik\u00f3w cookie\" aria-live=\"polite\">\r\n  <div class=\"cookie-icon\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"9.5\"\/><circle cx=\"9\" cy=\"9.5\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"14.5\" cy=\"8\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"15.5\" cy=\"13.5\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"10\" cy=\"14.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"12.5\" cy=\"17.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n  <\/div>\r\n  <h3>Szanujemy Twoj\u0105 prywatno\u015b\u0107<\/h3>\r\n  <p>\r\n    U\u017cywamy plik\u00f3w cookie, aby zapewni\u0107 prawid\u0142owe dzia\u0142anie strony oraz \u2014 za Twoj\u0105 zgod\u0105 \u2014 analizowa\u0107 ruch i personalizowa\u0107 tre\u015bci. Mo\u017cesz zaakceptowa\u0107 wszystkie, odrzuci\u0107 opcjonalne lub dostosowa\u0107 ustawienia. Wi\u0119cej informacji znajdziesz w naszej\r\n    <a href=\"#\" id=\"cookiePolicyLink\">Polityce prywatno\u015bci<\/a>.\r\n  <\/p>\r\n\r\n  <div class=\"cookie-actions\" id=\"cookieMainActions\">\r\n    <button type=\"button\" class=\"btn\" id=\"cookieAcceptAll\">Akceptuj wszystkie<\/button>\r\n    <button type=\"button\" class=\"cookie-btn-reject\" id=\"cookieRejectAll\">Odrzu\u0107 opcjonalne<\/button>\r\n    <button type=\"button\" class=\"cookie-btn-settings\" id=\"cookieOpenSettings\">Ustawienia szczeg\u00f3\u0142owe<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"cookie-settings\" id=\"cookieSettings\">\r\n    <div class=\"cookie-option\">\r\n      <div class=\"cookie-option-text\">\r\n        <h4>Niezb\u0119dne<\/h4>\r\n        <p>Wymagane do podstawowego dzia\u0142ania strony (np. zapami\u0119tanie Twojego wyboru). Zawsze aktywne.<\/p>\r\n      <\/div>\r\n      <label class=\"cookie-switch\">\r\n        <input type=\"checkbox\" id=\"cookieNecessary\" checked disabled>\r\n        <span class=\"cookie-switch-track\"><\/span>\r\n      <\/label>\r\n    <\/div>\r\n    <div class=\"cookie-option\">\r\n      <div class=\"cookie-option-text\">\r\n        <h4>Analityczne<\/h4>\r\n        <p>Pomagaj\u0105 nam zrozumie\u0107, jak odwiedzaj\u0105cy korzystaj\u0105 ze strony (np. statystyki odwiedzin).<\/p>\r\n      <\/div>\r\n      <label class=\"cookie-switch\">\r\n        <input type=\"checkbox\" id=\"cookieAnalytics\">\r\n        <span class=\"cookie-switch-track\"><\/span>\r\n      <\/label>\r\n    <\/div>\r\n    <div class=\"cookie-option\">\r\n      <div class=\"cookie-option-text\">\r\n        <h4>Marketingowe<\/h4>\r\n        <p>U\u017cywane do wy\u015bwietlania tre\u015bci reklamowych dopasowanych do Twoich zainteresowa\u0144.<\/p>\r\n      <\/div>\r\n      <label class=\"cookie-switch\">\r\n        <input type=\"checkbox\" id=\"cookieMarketing\">\r\n        <span class=\"cookie-switch-track\"><\/span>\r\n      <\/label>\r\n    <\/div>\r\n    <button type=\"button\" class=\"btn cookie-settings-save\" id=\"cookieSavePrefs\">Zapisz ustawienia<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\nfunction initCookieBanner(){\r\n  var STORAGE_KEY = 'graffitiCookieConsent';\r\n  var banner = document.getElementById('cookieBanner');\r\n  var settingsPanel = document.getElementById('cookieSettings');\r\n  var mainActions = document.getElementById('cookieMainActions');\r\n  var openSettingsBtn = document.getElementById('cookieOpenSettings');\r\n  var acceptAllBtn = document.getElementById('cookieAcceptAll');\r\n  var rejectAllBtn = document.getElementById('cookieRejectAll');\r\n  var savePrefsBtn = document.getElementById('cookieSavePrefs');\r\n  var analyticsToggle = document.getElementById('cookieAnalytics');\r\n  var marketingToggle = document.getElementById('cookieMarketing');\r\n\r\n  function getConsent(){\r\n    try{\r\n      var raw = localStorage.getItem(STORAGE_KEY);\r\n      return raw ? JSON.parse(raw) : null;\r\n    }catch(e){ return null; }\r\n  }\r\n\r\n  function saveConsent(consent){\r\n    try{\r\n      consent.necessary = true;\r\n      consent.timestamp = new Date().toISOString();\r\n      localStorage.setItem(STORAGE_KEY, JSON.stringify(consent));\r\n    }catch(e){}\r\n  }\r\n\r\n  function hideBanner(){\r\n    banner.classList.remove('show');\r\n  }\r\n\r\n  function showBanner(){\r\n    banner.classList.add('show');\r\n  }\r\n\r\n  function toggleSettings(){\r\n    var isOpen = settingsPanel.classList.contains('open');\r\n    if(isOpen){\r\n      settingsPanel.classList.remove('open');\r\n    } else {\r\n      settingsPanel.classList.add('open');\r\n    }\r\n  }\r\n\r\n  openSettingsBtn.addEventListener('click', toggleSettings);\r\n\r\n  acceptAllBtn.addEventListener('click', function(){\r\n    saveConsent({ analytics:true, marketing:true });\r\n    hideBanner();\r\n  });\r\n\r\n  rejectAllBtn.addEventListener('click', function(){\r\n    saveConsent({ analytics:false, marketing:false });\r\n    hideBanner();\r\n  });\r\n\r\n  savePrefsBtn.addEventListener('click', function(){\r\n    saveConsent({\r\n      analytics: !!analyticsToggle.checked,\r\n      marketing: !!marketingToggle.checked\r\n    });\r\n    hideBanner();\r\n  });\r\n\r\n  var existing = getConsent();\r\n  if(!existing){\r\n    setTimeout(showBanner, 400);\r\n  } else {\r\n    analyticsToggle.checked = !!existing.analytics;\r\n    marketingToggle.checked = !!existing.marketing;\r\n  }\r\n}\r\n\r\nif(document.readyState === 'loading'){\r\n  document.addEventListener('DOMContentLoaded', initCookieBanner);\r\n} else {\r\n  initCookieBanner();\r\n}\r\n})();\r\n<\/script>\r\n\r\n<script>\r\n(function(){\r\nfunction initGraffitiSite(){\r\n  var burger = document.getElementById('burger');\r\n  var mobileMenu = document.getElementById('mobileMenu');\r\n\r\n  function openMenu(){\r\n    burger.classList.add('open');\r\n    mobileMenu.classList.add('open');\r\n    mobileMenu.setAttribute('aria-hidden','false');\r\n    document.body.classList.add('menu-open');\r\n  }\r\n  function closeMenu(){\r\n    burger.classList.remove('open');\r\n    mobileMenu.classList.remove('open');\r\n    mobileMenu.setAttribute('aria-hidden','true');\r\n    document.body.classList.remove('menu-open');\r\n  }\r\n\r\n  burger.addEventListener('click', function(){\r\n    if(mobileMenu.classList.contains('open')) closeMenu(); else openMenu();\r\n  });\r\n\r\n  var mmClose = document.getElementById('mmClose');\r\n  if(mmClose) mmClose.addEventListener('click', closeMenu);\r\n\r\n  Array.prototype.forEach.call(mobileMenu.querySelectorAll('a'), function(a){\r\n    a.addEventListener('click', closeMenu);\r\n  });\r\n\r\n  document.addEventListener('keydown', function(e){\r\n    if(e.key === 'Escape' && mobileMenu.classList.contains('open')) closeMenu();\r\n  });\r\n\r\n  window.addEventListener('resize', function(){\r\n    if(window.innerWidth > 820 && mobileMenu.classList.contains('open')) closeMenu();\r\n  });\r\n\r\n  var filterButtons = document.querySelectorAll('.filters button');\r\n  var galleryItems = document.querySelectorAll('.gallery-item');\r\n  Array.prototype.forEach.call(filterButtons, function(btn){\r\n    btn.addEventListener('click', function(){\r\n      Array.prototype.forEach.call(filterButtons, function(b){ b.classList.remove('active'); });\r\n      btn.classList.add('active');\r\n      var f = btn.getAttribute('data-filter');\r\n      Array.prototype.forEach.call(galleryItems, function(item){\r\n        item.style.display = (f === 'all' || item.getAttribute('data-cat') === f) ? 'block' : 'none';\r\n      });\r\n    });\r\n  });\r\n\r\n  \/* ===== LIGHTBOX ===== *\/\r\n  var lb = document.getElementById('lightbox');\r\n  var lbImg = document.getElementById('lightboxImg');\r\n  var lbCap = document.getElementById('lbCaption');\r\n  var lbCount = document.getElementById('lbCounter');\r\n  var lbIndex = 0;\r\n\r\n  function visibleItems(){\r\n    return Array.prototype.filter.call(galleryItems, function(it){\r\n      return it.style.display !== 'none';\r\n    });\r\n  }\r\n  function showLb(i){\r\n    var list = visibleItems();\r\n    if(!list.length || !lbImg) return;\r\n    lbIndex = (i + list.length) % list.length;\r\n    var item = list[lbIndex];\r\n    var img = item.querySelector('img');\r\n    var cap = item.querySelector('.cap');\r\n    lbImg.src = img.getAttribute('src');\r\n    lbImg.alt = img.getAttribute('alt') || '';\r\n    lbCap.textContent = cap ? cap.textContent : '';\r\n    lbCount.textContent = (lbIndex + 1) + ' \/ ' + list.length;\r\n  }\r\n  function openLb(item){\r\n    var list = visibleItems();\r\n    showLb(list.indexOf(item));\r\n    lb.classList.add('open');\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n  function closeLb(){\r\n    lb.classList.remove('open');\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  Array.prototype.forEach.call(galleryItems, function(item){\r\n    item.addEventListener('click', function(){ openLb(item); });\r\n  });\r\n  document.getElementById('lbClose').addEventListener('click', closeLb);\r\n  document.getElementById('lbPrev').addEventListener('click', function(e){ e.stopPropagation(); showLb(lbIndex - 1); });\r\n  document.getElementById('lbNext').addEventListener('click', function(e){ e.stopPropagation(); showLb(lbIndex + 1); });\r\n  lb.addEventListener('click', function(e){ if(e.target === lb || e.target === lbImg) closeLb(); });\r\n  document.addEventListener('keydown', function(e){\r\n    if(!lb.classList.contains('open')) return;\r\n    if(e.key === 'Escape') closeLb();\r\n    if(e.key === 'ArrowLeft') showLb(lbIndex - 1);\r\n    if(e.key === 'ArrowRight') showLb(lbIndex + 1);\r\n  });\r\n\r\n  var track = document.getElementById('galleryTrack');\r\n  document.getElementById('galleryPrev').addEventListener('click', function(){ track.scrollBy({left:-346, behavior:'smooth'}); });\r\n  document.getElementById('galleryNext').addEventListener('click', function(){ track.scrollBy({left:346, behavior:'smooth'}); });\r\n}\r\n\r\nif(document.readyState === 'loading'){\r\n  document.addEventListener('DOMContentLoaded', initGraffitiSite);\r\n} else {\r\n  initGraffitiSite();\r\n}\r\n})();\r\n<\/script>\r\n\r\n<\/div>\r\n<!-- koniec tre\u015bci strony Graffiti -->\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/graffiti.augustow.pl\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graffiti.augustow.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/graffiti.augustow.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/graffiti.augustow.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graffiti.augustow.pl\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":6,"href":"https:\/\/graffiti.augustow.pl\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/graffiti.augustow.pl\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/graffiti.augustow.pl\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}