{"id":413,"date":"2026-07-29T14:37:12","date_gmt":"2026-07-29T12:37:12","guid":{"rendered":"https:\/\/natalyatelier.pl\/?page_id=413"},"modified":"2026-07-30T09:37:40","modified_gmt":"2026-07-30T07:37:40","slug":"o-mnie","status":"publish","type":"page","link":"https:\/\/natalyatelier.pl\/","title":{"rendered":"O mnie"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"413\" class=\"elementor elementor-413\">\n\t\t\t\t<div class=\"elementor-element elementor-element-595412e e-flex e-con-boxed e-con e-parent\" data-id=\"595412e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82d50ce elementor-widget elementor-widget-html\" data-id=\"82d50ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Nataly Atelier - O mnie<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  :root {\n    --cream:    #F7F4EF;\n    --linen:    #EDE8DF;\n    --sand:     #D8CEBC;\n    --dusk:     #3C3A36;\n    --deep:     #2A2825;\n    --accent:   #8B9FB3;\n    --accent-lt:#C8D6E0;\n    --white:    #FFFFFF;\n    --max:      1160px;\n    --r:        2px;\n  }\n  html { scroll-behavior: smooth; }\n  body { font-family: 'Source Sans 3', sans-serif; font-weight: 300; background: var(--cream); color: var(--dusk); line-height: 1.7; font-size: 17px; }\n\n  .topbar { background: var(--accent); color: var(--white); text-align: center; padding: 8px 20px; font-size: 13px; letter-spacing: 0.08em; font-weight: 400; }\n  .topbar a { color: var(--white); text-decoration: underline; text-underline-offset: 3px; }\n\n  nav { position: sticky; top: 0; z-index: 100; background: var(--cream); border-bottom: 1px solid var(--sand); padding: 0 32px; }\n  .nav-inner { max-width: var(--max); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 64px; }\n  .nav-logo { font-family: 'Libre Baskerville', serif; font-size: 20px; font-weight: 400; color: var(--deep); text-decoration: none; letter-spacing: 0.04em; }\n  .nav-links { display: flex; gap: 28px; list-style: none; }\n  .nav-links a { font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--dusk); text-decoration: none; font-weight: 400; transition: color .2s; }\n  .nav-links a:hover { color: var(--accent); }\n  .nav-icons { display: flex; gap: 14px; align-items: center; }\n  .nav-icons a { color: var(--dusk); opacity: .7; transition: opacity .2s; display: flex; align-items: center; }\n  .nav-icons a:hover { opacity: 1; }\n  .nav-icons svg { width: 18px; height: 18px; }\n  .hamburger { display: none; cursor: pointer; flex-direction: column; gap: 5px; background: none; border: none; padding: 4px; }\n  .hamburger span { display: block; width: 22px; height: 1.5px; background: var(--dusk); transition: .3s; }\n\n  .hero { display: grid; grid-template-columns: 1fr 1fr; min-height: 90vh; max-height: 820px; }\n  .hero-text { display: flex; flex-direction: column; justify-content: center; padding: 60px 64px 60px 40px; max-width: 580px; margin: 0 auto; }\n  .hero-eyebrow { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); margin-bottom: 20px; font-weight: 400; }\n  .hero h1 { font-family: 'Libre Baskerville', serif; font-size: clamp(40px, 5vw, 68px); font-weight: 400; line-height: 1.15; color: var(--deep); margin-bottom: 6px; }\n  .hero h1 em { font-style: italic; font-weight: 400; color: var(--accent); }\n  .hero-tagline { font-family: 'Libre Baskerville', serif; font-size: clamp(16px, 2vw, 22px); font-weight: 300; font-style: italic; color: var(--sand); margin-bottom: 28px; letter-spacing: 0.02em; }\n  .hero-desc { font-size: 15px; color: var(--dusk); opacity: .85; max-width: 400px; margin-bottom: 40px; }\n  .btn { display: inline-block; padding: 14px 36px; background: var(--deep); color: var(--white); font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; font-weight: 400; font-family: 'Source Sans 3', sans-serif; transition: background .2s, color .2s; border: 1px solid var(--deep); align-self: flex-start; border-radius: var(--r); }\n  .btn:hover { background: transparent; color: var(--deep); }\n  .btn-outline { background: transparent; color: var(--deep); border: 1px solid var(--sand); }\n  .btn-outline:hover { background: var(--deep); color: var(--white); border-color: var(--deep); }\n  .hero-image { overflow: hidden; }\n  .hero-image img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }\n\n  section { padding: 80px 32px; }\n  .container { max-width: var(--max); margin: 0 auto; }\n  .section-label { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); margin-bottom: 12px; display: block; font-weight: 400; }\n  h2 { font-family: 'Libre Baskerville', serif; font-size: clamp(28px, 4vw, 44px); font-weight: 300; line-height: 1.2; color: var(--deep); margin-bottom: 20px; }\n  .lead { font-size: 17px; opacity: .8; max-width: 560px; margin-bottom: 48px; }\n\n  .what-bg { background: var(--linen); }\n  .what-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin-top: 48px; }\n  .what-card { background: var(--white); padding: 40px 36px; }\n  .what-card::before { content: ''; display: block; width: 32px; height: 2px; background: var(--accent-lt); margin-bottom: 24px; }\n  .what-card h3 { font-family: 'Libre Baskerville', serif; font-size: 20px; font-weight: 300; margin-bottom: 12px; color: var(--deep); }\n  .what-card p { font-size: 15px; opacity: .8; line-height: 1.7; }\n\n  .personalizacja-banner { background: var(--accent-lt); border-left: 3px solid var(--accent); padding: 20px 28px; margin-top: 40px; display: flex; align-items: center; gap: 16px; border-radius: 1px; }\n  .personalizacja-banner svg { flex-shrink: 0; color: var(--accent); width: 22px; height: 22px; }\n  .personalizacja-banner p { font-size: 15px; color: var(--deep); opacity: .9; }\n  .personalizacja-banner a { color: var(--accent); font-weight: 400; }\n\n  .historia { background: var(--cream); }\n  .historia-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n  .historia-img { position: relative; }\n  .historia-img img { width: 100%; aspect-ratio: 4\/5; object-fit: cover; object-position: center; display: block; border-radius: 1px; }\n  .historia-img::after { content: ''; position: absolute; bottom: -16px; right: -16px; width: 60%; height: 60%; border: 1px solid var(--sand); z-index: -1; border-radius: 1px; }\n  .historia-text p { font-size: 16px; opacity: .85; margin-bottom: 20px; line-height: 1.8; }\n  .historia-text p:first-of-type { font-family: 'Libre Baskerville', serif; font-size: 20px; font-style: italic; font-weight: 300; opacity: 1; color: var(--deep); }\n\n  .values { background: var(--deep); color: var(--cream); }\n  .values h2 { color: var(--cream); }\n  .values .section-label { color: var(--accent-lt); }\n  .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 48px; }\n  .value-item { border-top: 1px solid rgba(255,255,255,.15); padding-top: 28px; }\n  .value-item h3 { font-family: 'Libre Baskerville', serif; font-size: 22px; font-weight: 300; font-style: italic; margin-bottom: 12px; color: var(--white); }\n  .value-item p { font-size: 15px; opacity: .65; line-height: 1.7; }\n\n  .gallery-section { background: var(--linen); }\n  .gallery-section h2 { margin-bottom: 8px; }\n  .gallery-section > .container > .lead { margin-bottom: 40px; }\n  .gallery-grid { columns: 3; column-gap: 12px; }\n  .gallery-item { break-inside: avoid; margin-bottom: 12px; overflow: hidden; position: relative; cursor: pointer; border-radius: 2px; }\n  .gallery-item img { width: 100%; display: block; transition: transform .5s ease; }\n  .gallery-item:hover img { transform: scale(1.04); }\n  .gallery-item .overlay { position: absolute; inset: 0; background: rgba(42,40,37,0); transition: background .3s; }\n  .gallery-item:hover .overlay { background: rgba(42,40,37,.18); }\n\n  .lightbox { display: none; position: fixed; inset: 0; background: rgba(42,40,37,.92); z-index: 1000; align-items: center; justify-content: center; padding: 24px; }\n  .lightbox.active { display: flex; }\n  .lightbox img { max-height: 90vh; max-width: 90vw; object-fit: contain; border-radius: 2px; box-shadow: 0 24px 80px rgba(0,0,0,.4); }\n  .lightbox-close { position: absolute; top: 20px; right: 24px; color: var(--cream); font-size: 32px; cursor: pointer; line-height: 1; background: none; border: none; opacity: .7; transition: opacity .2s; }\n  .lightbox-close:hover { opacity: 1; }\n  .lightbox-nav { position: absolute; top: 50%; transform: translateY(-50%); color: var(--cream); font-size: 28px; cursor: pointer; background: none; border: none; opacity: .6; transition: opacity .2s; padding: 12px; }\n  .lightbox-nav:hover { opacity: 1; }\n  .lightbox-prev { left: 16px; }\n  .lightbox-next { right: 16px; }\n\n  .faq-section { background: var(--cream); }\n  .faq-list { margin-top: 48px; border-top: 1px solid var(--sand); }\n  .faq-item { border-bottom: 1px solid var(--sand); }\n  .faq-question { width: 100%; background: none; border: none; text-align: left; padding: 24px 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-family: 'Source Sans 3', sans-serif; font-size: 16px; font-weight: 400; color: var(--deep); gap: 16px; line-height: 1.5; }\n  .faq-question:hover { color: var(--accent); }\n  .faq-icon { flex-shrink: 0; width: 20px; height: 20px; position: relative; color: var(--accent); }\n  .faq-icon::before, .faq-icon::after { content: ''; position: absolute; background: currentColor; transition: transform .3s, opacity .3s; }\n  .faq-icon::before { width: 12px; height: 1.5px; top: 50%; left: 50%; transform: translate(-50%,-50%); }\n  .faq-icon::after { width: 1.5px; height: 12px; top: 50%; left: 50%; transform: translate(-50%,-50%); }\n  .faq-item.open .faq-icon::after { opacity: 0; transform: translate(-50%,-50%) rotate(90deg); }\n  .faq-answer { max-height: 0; overflow: hidden; transition: max-height .4s ease; }\n  .faq-item.open .faq-answer { max-height: 400px; }\n  .faq-answer p { font-size: 15px; opacity: .8; line-height: 1.8; padding-bottom: 24px; max-width: 680px; }\n  .faq-badge { display: inline-block; background: var(--accent-lt); color: var(--accent); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; padding: 3px 10px; border-radius: 20px; margin-left: 12px; font-weight: 500; vertical-align: middle; }\n\n  .cta-section { background: var(--linen); text-align: center; }\n  .cta-section h2 { margin-bottom: 12px; }\n  .cta-section > .container > p { opacity: .75; margin-bottom: 36px; max-width: 480px; margin-left: auto; margin-right: auto; }\n  .cta-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\n\n  footer { background: var(--deep); color: var(--cream); padding: 60px 32px 32px; }\n  .footer-inner { max-width: var(--max); margin: 0 auto; display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 48px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.1); }\n  .footer-brand .footer-logo { color: var(--cream); font-size: 22px; display: block; margin-bottom: 12px; text-decoration: none; font-family: 'Libre Baskerville', serif; font-weight: 400; letter-spacing: 0.04em; }\n  .footer-brand p { font-size: 14px; opacity: .55; max-width: 260px; line-height: 1.7; }\n  .footer-col h4 { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 16px; opacity: .45; font-weight: 400; }\n  .footer-col ul { list-style: none; }\n  .footer-col ul li { margin-bottom: 10px; }\n  .footer-col ul a { color: var(--cream); text-decoration: none; font-size: 14px; opacity: .7; transition: opacity .2s; }\n  .footer-col ul a:hover { opacity: 1; }\n  .footer-social { display: flex; gap: 16px; margin-top: 8px; }\n  .footer-social a { color: var(--cream); opacity: .6; transition: opacity .2s; display: flex; align-items: center; }\n  .footer-social a:hover { opacity: 1; }\n  .footer-social svg { width: 20px; height: 20px; }\n  .footer-bottom { max-width: var(--max); margin: 28px auto 0; display: flex; justify-content: space-between; align-items: center; font-size: 12px; opacity: .4; flex-wrap: wrap; gap: 8px; }\n  .footer-bottom a { color: var(--cream); opacity: .7; }\n\n  .fade-in { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }\n  .fade-in.visible { opacity: 1; transform: none; }\n  .fade-in-delay-1 { transition-delay: .1s; }\n  .fade-in-delay-2 { transition-delay: .2s; }\n  .fade-in-delay-3 { transition-delay: .3s; }\n  @media (prefers-reduced-motion: reduce) { .fade-in { opacity: 1; transform: none; transition: none; } }\n\n  @media (max-width: 768px) {\n    nav { padding: 0 20px; }\n    .nav-links { display: none; }\n    .hamburger { display: flex; }\n    .nav-links.open { display: flex; flex-direction: column; position: absolute; top: 64px; left: 0; right: 0; background: var(--cream); border-bottom: 1px solid var(--sand); padding: 20px 24px; gap: 16px; }\n    .nav-links.open a { font-size: 15px; }\n    .hero { grid-template-columns: 1fr; min-height: auto; max-height: none; }\n    .hero-image { height: 55vw; order: -1; }\n    .hero-text { padding: 40px 24px; max-width: 100%; }\n    .what-grid { grid-template-columns: 1fr; gap: 2px; }\n    .historia-inner { grid-template-columns: 1fr; gap: 40px; }\n    .historia-img::after { display: none; }\n    .values-grid { grid-template-columns: 1fr; gap: 28px; }\n    section { padding: 56px 20px; }\n    .footer-inner { grid-template-columns: 1fr; gap: 32px; }\n    .footer-bottom { flex-direction: column; align-items: flex-start; }\n    .personalizacja-banner { flex-direction: column; align-items: flex-start; gap: 10px; }\n    .gallery-grid { columns: 2; column-gap: 8px; }\n    .gallery-item { margin-bottom: 8px; }\n  }\n  @media (max-width: 480px) { .gallery-grid { columns: 1; } }\n<\/style>\n<\/head>\n<body>\n\n<!-- TOP BAR -->\n<div class=\"topbar\">\n  Ka\u017cda dekoracja powstaje r\u0119cznie - od projektu po ostatni \u015bcieg &nbsp;|&nbsp; <a href=\"mailto:nataly.atelier1@gmail.com\">nataly.atelier1@gmail.com<\/a>\n<\/div>\n\n<!-- NAV -->\n<nav>\n  <div class=\"nav-inner\">\n    <a href=\"#\" class=\"nav-logo\">Nataly Atelier<\/a>\n    <ul class=\"nav-links\" id=\"navLinks\">\n      <li><a href=\"#czym-sie-zajmuje\">Co robi\u0119<\/a><\/li>\n      <li><a href=\"#moja-historia\">Historia<\/a><\/li>\n      <li><a href=\"#moje-prace\">Prace<\/a><\/li>\n      <li><a href=\"#faq\">FAQ<\/a><\/li>\n      <li><a href=\"https:\/\/natalyatelier.pl\/?cat=3\" target=\"_blank\" rel=\"noopener\">Blog<\/a><\/li>\n    <\/ul>\n    <div class=\"nav-icons\">\n      <a href=\"https:\/\/www.instagram.com\/nataly_atelier\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.facebook.com\/profile.php?id=61577666643399\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/pl.pinterest.com\/natkahand\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Pinterest\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2C6.477 2 2 6.477 2 12c0 4.236 2.636 7.855 6.356 9.312-.088-.791-.167-2.005.035-2.868.181-.78 1.172-4.97 1.172-4.97s-.299-.598-.299-1.482c0-1.388.806-2.428 1.808-2.428.853 0 1.267.641 1.267 1.408 0 .858-.546 2.141-.828 3.33-.236.995.499 1.806 1.476 1.806 1.772 0 3.137-1.868 3.137-4.565 0-2.386-1.715-4.054-4.163-4.054-2.836 0-4.498 2.126-4.498 4.324 0 .856.33 1.775.741 2.276a.3.3 0 0 1 .069.285c-.075.314-.243.995-.276 1.134-.044.183-.146.222-.335.134-1.249-.581-2.03-2.407-2.03-3.874 0-3.154 2.292-6.052 6.608-6.052 3.469 0 6.165 2.473 6.165 5.776 0 3.447-2.173 6.22-5.19 6.22-1.013 0-1.966-.527-2.292-1.148l-.623 2.378c-.226.869-.835 1.958-1.244 2.621.937.29 1.931.446 2.962.446 5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\n      <\/a>\n      <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Menu\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/nav>\n\n<!-- HERO -->\n<div class=\"hero\">\n  <div class=\"hero-text\">\n    <span class=\"hero-eyebrow\">Punch needle - tekstylne dekoracje \u015bcienne<\/span>\n    <h1>Cze\u015b\u0107,<br>jestem <em>Natalia<\/em><\/h1>\n    <p class=\"hero-tagline\">Haftuj\u0119 rzeczy r\u0119cznie. Ka\u017cd\u0105, do ko\u0144ca.<\/p>\n    <p class=\"hero-desc\">Tworz\u0119 dekoracje tekstylne do pokoj\u00f3w dzieci\u0119cych metod\u0105 punch needle. Projektuj\u0119, wybieram w\u0142\u00f3kna i haftuj\u0119 sama - tak powstaj\u0105 prace, kt\u00f3re wyr\u00f3\u017cnia faktura i ciep\u0142o r\u0119cznie wykonanej rzeczy.<\/p>\n    <a href=\"#moja-historia\" class=\"btn\">Poznaj moj\u0105 histori\u0119<\/a>\n  <\/div>\n  <div class=\"hero-image\">\n    <img src=\"https:\/\/natalyatelier.pl\/wp-content\/uploads\/2026\/06\/hero.jpeg\" alt=\"Natalia z dekoracjami punch needle\" fetchpriority=\"high\" decoding=\"async\">\n  <\/div>\n<\/div>\n\n<!-- CZYM SIE ZAJMUJE -->\n<section class=\"what-bg\" id=\"czym-sie-zajmuje\">\n  <div class=\"container\">\n    <span class=\"section-label fade-in\">Co robi\u0119<\/span>\n    <h2 class=\"fade-in fade-in-delay-1\">Dekoracje, kt\u00f3re<br>mo\u017cna dotkn\u0105\u0107<\/h2>\n    <p class=\"lead fade-in fade-in-delay-2\">Punch needle to technika haftu, w kt\u00f3rej ig\u0142a przepycha w\u0142\u00f3kno przez tkanin\u0119 - efektem jest g\u0119sta, tr\u00f3jwymiarowa powierzchnia. Ka\u017cda praca ma wyra\u017an\u0105 faktur\u0119 i ciep\u0142o r\u0119cznie wykonanej rzeczy.<\/p>\n    <div class=\"what-grid\">\n      <div class=\"what-card fade-in\">\n        <h3>Naturalne materia\u0142y<\/h3>\n        <p>Pracuj\u0119 g\u0142\u00f3wnie z bawe\u0142n\u0105 - jest mi\u0119kka, bezpieczna i dobrze trzyma kolor. Kiedy szukam konkretnego odcienia, si\u0119gam te\u017c po we\u0142n\u0119 lub w\u0142\u00f3czki lniane. Haftuj\u0119 na bawe\u0142nianym p\u0142\u00f3tnie. Nie u\u017cywam syntetyk\u00f3w.<\/p>\n      <\/div>\n      <div class=\"what-card fade-in fade-in-delay-1\">\n        <h3>Robi\u0119 to sama<\/h3>\n        <p>Projekt, wz\u00f3r, dob\u00f3r kolor\u00f3w, haft - ka\u017cdy etap robi\u0119 w\u0142asnor\u0119cznie. Nie ma maszyn ani zespo\u0142u. Dlatego ka\u017cda praca jest nieco inna i mo\u017cesz zam\u00f3wi\u0107 personalizacj\u0119.<\/p>\n      <\/div>\n      <div class=\"what-card fade-in fade-in-delay-2\">\n        <h3>Tylko do pokoj\u00f3w dzieci\u0119cych<\/h3>\n        <p>Projektuj\u0119 z my\u015bl\u0105 o konkretnym miejscu. Zwierz\u0119ta, inicja\u0142y, girlandy z imionami, motywy botaniczne - rzeczy, kt\u00f3re maj\u0105 sens w pokoju dziecka i pasuj\u0105 do jasnych, spokojnych wn\u0119trz.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"personalizacja-banner fade-in\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg>\n      <p>Personalizacja to serce tego, co robi\u0119. Girlandy z imieniem, inicja\u0142y, kolory dopasowane do pokoju - <a href=\"https:\/\/pakamera.pl\/nataly-atelier-0_s12794945.htm\" target=\"_blank\" rel=\"noopener\">zajrzyj na Pakamer\u0119<\/a> lub <a href=\"https:\/\/natalyatelierpl.etsy.com\" target=\"_blank\" rel=\"noopener\">Etsy<\/a>, \u017ceby zobaczy\u0107, co mog\u0119 dla Ciebie zrobi\u0107.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- HISTORIA -->\n<section class=\"historia\" id=\"moja-historia\">\n  <div class=\"container\">\n    <div class=\"historia-inner\">\n      <div class=\"historia-img fade-in\">\n        <img src=\"https:\/\/natalyatelier.pl\/wp-content\/uploads\/2026\/06\/o-mnie.png\" alt=\"Natalia przy pracy\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n      <div class=\"historia-text\">\n        <span class=\"section-label fade-in\">Moja historia<\/span>\n        <h2 class=\"fade-in fade-in-delay-1\">Zacz\u0119\u0142o si\u0119 od koralik\u00f3w<\/h2>\n        <p class=\"fade-in fade-in-delay-2\">R\u0119kodzie\u0142o towarzyszy mi od zawsze. Przez lata projektowa\u0142am bi\u017cuteri\u0119 z koralik\u00f3w, prowadzi\u0142am sklep z materia\u0142ami do r\u0119kodzie\u0142a - robi\u0142am du\u017co r\u00f3\u017cnych rzeczy. Ale dopiero punch needle mnie zatrzyma\u0142o.<\/p>\n        <p class=\"fade-in fade-in-delay-3\">Znalaz\u0142am t\u0119 technik\u0119 na Pintere\u015bcie i wiedzia\u0142am od razu. Ig\u0142a, w\u0142\u00f3czka, p\u0142\u00f3tno - i nagle zacz\u0119\u0142a powstawa\u0107 faktura, kt\u00f3rej nie da si\u0119 uzyska\u0107 inaczej. Od tej chwili robi\u0119 wy\u0142\u0105cznie to.<\/p>\n        <p class=\"fade-in\">Jestem mam\u0105 dw\u00f3ch c\u00f3rek i dobrze wiem, jak wa\u017cne jest, \u017ceby pok\u00f3j dziecka by\u0142 naprawd\u0119 jego. Dlatego tak du\u017co miejsca w mojej ofercie zajmuje personalizacja - imiona, ulubione zwierz\u0119ta, kolory, kt\u00f3re kto\u015b ju\u017c ma na \u015bcianie. Ka\u017cda praca powstaje z my\u015bl\u0105 o konkretnym dziecku i konkretnym miejscu.<\/p>\n        <p class=\"fade-in\">Ciesz\u0119 si\u0119, \u017ce tu jeste\u015b. Zapraszam do sklepu - mo\u017ce znajdziesz tam co\u015b, co Ci\u0119 zainspiruje.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- W CO WIERZE -->\n<section class=\"values\" id=\"wartosci\">\n  <div class=\"container\">\n    <span class=\"section-label fade-in\">W co wierz\u0119<\/span>\n    <h2 class=\"fade-in fade-in-delay-1\">Trzy rzeczy,<br>kt\u00f3re s\u0105 dla mnie wa\u017cne<\/h2>\n    <div class=\"values-grid\">\n      <div class=\"value-item fade-in\">\n        <h3>Materia\u0142y maj\u0105 znaczenie<\/h3>\n        <p>Bawe\u0142na, we\u0142na, len - wybieram to, co naturalne i trwa\u0142e. Decyzja o w\u0142\u00f3czce wp\u0142ywa na to, jak praca b\u0119dzie wygl\u0105da\u0107 za kilka lat. Nie id\u0119 na skr\u00f3ty.<\/p>\n      <\/div>\n      <div class=\"value-item fade-in fade-in-delay-1\">\n        <h3>R\u0119czna praca to nie nostalgia<\/h3>\n        <p>Haftuj\u0119 tak, bo inaczej nie da si\u0119 uzyska\u0107 tej faktury. Ka\u017cdy \u015bcieg to te\u017c kontrola nad form\u0105 - nie ma tu przypadk\u00f3w ani maszyn.<\/p>\n      <\/div>\n      <div class=\"value-item fade-in fade-in-delay-2\">\n        <h3>Pok\u00f3j dziecka zas\u0142uguje na co\u015b prawdziwego<\/h3>\n        <p>Nie dekoracje z marketu, kt\u00f3re rozpadn\u0105 si\u0119 po roku. Chodzi o to, \u017ceby dziecko dorasta\u0142o w przestrzeni, gdzie s\u0105 prawdziwe rzeczy - z histori\u0105 i dotykiem.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- MOJE PRACE -->\n<section class=\"gallery-section\" id=\"moje-prace\">\n  <div class=\"container\">\n    <span class=\"section-label fade-in\">Moje prace<\/span>\n    <h2 class=\"fade-in fade-in-delay-1\">Ka\u017cda praca<br>jest inna<\/h2>\n    <p class=\"lead fade-in fade-in-delay-2\">Girlandy, tamburki, dekoracje na \u015bcian\u0119 - tu znajdziesz pr\u00f3bk\u0119 tego, co robi\u0119. Kliknij zdj\u0119cie, \u017ceby zobaczy\u0107 je wi\u0119ksze.<\/p>\n    <div class=\"gallery-grid\">\n      <div class=\"gallery-item fade-in\" onclick=\"openLightbox(0)\"><img src=\"https:\/\/natalyatelier.pl\/wp-content\/uploads\/2026\/07\/bird-nursery-garland-8-scaled.jpg\" alt=\"Girlanda z ptakami\" loading=\"lazy\" decoding=\"async\"><div class=\"overlay\"><\/div><\/div>\n      <div class=\"gallery-item fade-in\" onclick=\"openLightbox(1)\"><img src=\"https:\/\/natalyatelier.pl\/wp-content\/uploads\/2026\/07\/goose-wall-decor-4-scaled.jpg\" alt=\"G\u0105ska w tamburku\" loading=\"lazy\" decoding=\"async\"><div class=\"overlay\"><\/div><\/div>\n      <div class=\"gallery-item fade-in\" onclick=\"openLightbox(2)\"><img src=\"https:\/\/natalyatelier.pl\/wp-content\/uploads\/2026\/07\/Storybook-Baby-Shower-Gift-41-scaled.jpeg\" alt=\"Dekoracja na \u015bcian\u0119\" loading=\"lazy\" decoding=\"async\"><div class=\"overlay\"><\/div><\/div>\n      <div class=\"gallery-item fade-in\" onclick=\"openLightbox(3)\"><img src=\"https:\/\/natalyatelier.pl\/wp-content\/uploads\/2026\/07\/dinosaur-wall-decor-46-scaled.jpg\" alt=\"Dinozaur w tamburku\" loading=\"lazy\" decoding=\"async\"><div class=\"overlay\"><\/div><\/div>\n      <div class=\"gallery-item fade-in\" onclick=\"openLightbox(4)\"><img src=\"https:\/\/natalyatelier.pl\/wp-content\/uploads\/2026\/07\/1000049002-scaled.jpg\" alt=\"Ptaki na \u015bcianie\" loading=\"lazy\" decoding=\"async\"><div class=\"overlay\"><\/div><\/div>\n      <div class=\"gallery-item fade-in\" onclick=\"openLightbox(5)\"><img src=\"https:\/\/natalyatelier.pl\/wp-content\/uploads\/2026\/07\/1000067329-2-scaled.jpeg\" alt=\"Girlanda kosmiczna\" loading=\"lazy\" decoding=\"async\"><div class=\"overlay\"><\/div><\/div>\n      <div class=\"gallery-item fade-in\" onclick=\"openLightbox(6)\"><img src=\"https:\/\/natalyatelier.pl\/wp-content\/uploads\/2026\/07\/neutral-nursery-wall-decor-19-scaled.jpg\" alt=\"Truskawka punch needle\" loading=\"lazy\" decoding=\"async\"><div class=\"overlay\"><\/div><\/div>\n      <div class=\"gallery-item fade-in\" onclick=\"openLightbox(7)\"><img src=\"https:\/\/natalyatelier.pl\/wp-content\/uploads\/2026\/07\/calm-nursery-decor-10-scaled.jpg\" alt=\"Rakieta w tamburku\" loading=\"lazy\" decoding=\"async\"><div class=\"overlay\"><\/div><\/div>\n      <div class=\"gallery-item fade-in\" onclick=\"openLightbox(8)\"><img src=\"https:\/\/natalyatelier.pl\/wp-content\/uploads\/2026\/07\/Teddy-Bear-Nursery-Decor-16-scaled.jpg\" alt=\"Mi\u015b w tamburku\" loading=\"lazy\" decoding=\"async\"><div class=\"overlay\"><\/div><\/div>\n      <div class=\"gallery-item fade-in\" onclick=\"openLightbox(9)\"><img src=\"https:\/\/natalyatelier.pl\/wp-content\/uploads\/2026\/07\/custom-letter-11-scaled.jpg\" alt=\"Inicja\u0142 w tamburku\" loading=\"lazy\" decoding=\"async\"><div class=\"overlay\"><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- LIGHTBOX -->\n<div class=\"lightbox\" id=\"lightbox\" onclick=\"closeLightboxOutside(event)\">\n  <button class=\"lightbox-close\" onclick=\"closeLightbox()\">&#x2715;<\/button>\n  <button class=\"lightbox-nav lightbox-prev\" onclick=\"changeImg(-1)\">&#8592;<\/button>\n  <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"\">\n  <button class=\"lightbox-nav lightbox-next\" onclick=\"changeImg(1)\">&#8594;<\/button>\n<\/div>\n\n<!-- FAQ -->\n<section class=\"faq-section\" id=\"faq\">\n  <div class=\"container\">\n    <span class=\"section-label fade-in\">Pytania i odpowiedzi<\/span>\n    <h2 class=\"fade-in fade-in-delay-1\">Najcz\u0119\u015bciej pytacie<br>o te rzeczy<\/h2>\n    <div class=\"faq-list\">\n      <div class=\"faq-item\">\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\n          Czy mog\u0119 zam\u00f3wi\u0107 dekoracj\u0119 z imieniem dziecka?\n          <span class=\"faq-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-answer\">\n          <p>Tak, mo\u017cesz zam\u00f3wi\u0107 dekoracj\u0119 z imieniem, inicja\u0142em albo kr\u00f3tkim s\u0142owem. Girlandy z imionami to jeden z najpopularniejszych produkt\u00f3w w mojej ofercie. Przy zam\u00f3wieniu podaj imi\u0119 i preferowane kolory - dostosuj\u0119 je do tego, co ju\u017c masz w pokoju. Zam\u00f3wienia personalizowane znajdziesz w moim sklepie na <a href=\"https:\/\/pakamera.pl\/nataly-atelier-0_s12794945.htm\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--accent);\">Pakamerze<\/a> (polscy klienci) lub na <a href=\"https:\/\/natalyatelierpl.etsy.com\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--accent);\">Etsy<\/a>.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\n          Ile trwa realizacja zam\u00f3wienia?\n          <span class=\"faq-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-answer\">\n          <p>Zam\u00f3wienia personalizowane realizuj\u0119 w ci\u0105gu 1-2 tygodni od potwierdzenia. W przypadku wi\u0119kszych lub bardziej z\u0142o\u017conych projekt\u00f3w mo\u017ce by\u0107 nieco d\u0142u\u017cej - zawsze informuj\u0119 o tym przed rozpocz\u0119ciem pracy.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\n          Z jakich materia\u0142\u00f3w robisz dekoracje?\n          <span class=\"faq-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-answer\">\n          <p>Pracuj\u0119 g\u0142\u00f3wnie z bawe\u0142n\u0105 - jest mi\u0119kka, bezpieczna i dobrze trzyma kolor. Kiedy szukam konkretnego odcienia, si\u0119gam te\u017c po we\u0142n\u0119 lub w\u0142\u00f3czki lniane. Haftuj\u0119 na bawe\u0142nianym p\u0142\u00f3tnie. Nie u\u017cywam w\u0142\u00f3kien syntetycznych.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\n          Czy dekoracje s\u0105 bezpieczne dla dzieci?\n          <span class=\"faq-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-answer\">\n          <p>Tak. U\u017cywam naturalnych w\u0142\u00f3kien bez chemicznych barwnik\u00f3w kontaktowych. Dekoracje s\u0105 przeznaczone do zawieszenia na \u015bcianie, poza zasi\u0119giem ma\u0142ych dzieci. Ka\u017cda praca ma solidnie wyko\u0144czony ty\u0142 i mocne zawieszenie.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\n          Gdzie mog\u0119 kupi\u0107 Twoje dekoracje?\n          <span class=\"faq-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-answer\">\n          <p>M\u00f3j osobisty sklep internetowy jest teraz w budowie <span class=\"faq-badge\">sklep w budowie<\/span>. Je\u015bli jeste\u015b z Polski, zapraszam na <a href=\"https:\/\/pakamera.pl\/nataly-atelier-0_s12794945.htm\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--accent);\">Pakamer\u0119<\/a> - tam naj\u0142atwiej z\u0142o\u017cysz zam\u00f3wienie. Moje dekoracje znajdziesz te\u017c na <a href=\"https:\/\/natalyatelierpl.etsy.com\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--accent);\">Etsy<\/a> - g\u0142\u00f3wnie dla klient\u00f3w z zagranicy.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\n          Jak dba\u0107 o dekoracje punch needle?\n          <span class=\"faq-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-answer\">\n          <p>Dekoracje punch needle najlepiej czy\u015bci\u0107 na sucho - wystarczy delikatnie otrzepa\u0107 je z kurzu lub u\u017cy\u0107 mi\u0119kkiej szczotki. Je\u015bli pojawi si\u0119 plama, mo\u017cna j\u0105 delikatnie przetrze\u0107 lekko wilgotn\u0105 szmatk\u0105 w miejscu zabrudzenia. Nie wolno pra\u0107 w pralce ani moczy\u0107 ca\u0142ej pracy. Unikaj te\u017c wieszania w miejscach nara\u017conych na bezpo\u015brednie s\u0142o\u0144ce przez d\u0142u\u017cszy czas, bo kolory mog\u0105 z czasem blakn\u0105\u0107.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\n          Czy wysy\u0142asz za granic\u0119?\n          <span class=\"faq-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-answer\">\n          <p>Tak, wysy\u0142am do wi\u0119kszo\u015bci kraj\u00f3w Europy i poza ni\u0105. Koszty przesy\u0142ki zale\u017c\u0105 od kraju docelowego - napisz do mnie, a podam dok\u0142adny koszt dla Twojej lokalizacji.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"cta-section\">\n  <div class=\"container\">\n    <span class=\"section-label fade-in\">Zacznijmy<\/span>\n    <h2 class=\"fade-in fade-in-delay-1\">Masz pomys\u0142 na pok\u00f3j<br>dla swojego dziecka?<\/h2>\n    <p class=\"fade-in fade-in-delay-2\">Napisz do mnie - powiedz, jakie masz kolory na \u015bcianie, czy chcesz imi\u0119, zwierz\u0119 czy co\u015b innego. Odpisz\u0119 i razem ustalimy, co b\u0119dzie pasowa\u0107.<\/p>\n    <div class=\"cta-buttons fade-in fade-in-delay-3\">\n      <a href=\"mailto:nataly.atelier1@gmail.com\" class=\"btn\">Napisz do mnie<\/a>\n      <a href=\"https:\/\/pakamera.pl\/nataly-atelier-0_s12794945.htm\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">Sklep Pakamera<\/a>\n      <a href=\"https:\/\/natalyatelierpl.etsy.com\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">Sklep Etsy<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"footer-inner\">\n    <div class=\"footer-brand\">\n      <a href=\"#\" class=\"footer-logo\">Nataly Atelier<\/a>\n      <p>Tekstylne dekoracje do pokoj\u00f3w dzieci\u0119cych - haftowane r\u0119cznie, z naturalnych materia\u0142\u00f3w, z my\u015bl\u0105 o tym, \u017ce b\u0119d\u0105 wisie\u0107 przez lata.<\/p>\n    <\/div>\n    <div class=\"footer-col\">\n      <h4>Linki<\/h4>\n      <ul>\n        <li><a href=\"#czym-sie-zajmuje\">Co robi\u0119<\/a><\/li>\n        <li><a href=\"#moja-historia\">Historia<\/a><\/li>\n        <li><a href=\"#moje-prace\">Prace<\/a><\/li>\n        <li><a href=\"#faq\">FAQ<\/a><\/li>\n        <li><a href=\"https:\/\/natalyatelier.pl\/?cat=3\" target=\"_blank\" rel=\"noopener\">Blog<\/a><\/li>\n        <li><a href=\"https:\/\/pakamera.pl\/nataly-atelier-0_s12794945.htm\" target=\"_blank\" rel=\"noopener\">Sklep Pakamera<\/a><\/li>\n        <li><a href=\"https:\/\/natalyatelierpl.etsy.com\" target=\"_blank\" rel=\"noopener\">Sklep Etsy<\/a><\/li>\n        <li><a href=\"https:\/\/docs.google.com\/document\/d\/1lEQ1wvAqvMqzDnMPg5jFG_mTqxwxEPTTLIyEnsXZY8Q\/edit?usp=sharing\" target=\"_blank\" rel=\"noopener\">Polityka prywatno\u015bci<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"footer-col\">\n      <h4>Znajd\u017a mnie<\/h4>\n      <div class=\"footer-social\">\n        <a href=\"https:\/\/www.instagram.com\/nataly_atelier\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n        <\/a>\n        <a href=\"https:\/\/www.facebook.com\/profile.php?id=61577666643399\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n        <\/a>\n        <a href=\"https:\/\/pl.pinterest.com\/natkahand\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Pinterest\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2C6.477 2 2 6.477 2 12c0 4.236 2.636 7.855 6.356 9.312-.088-.791-.167-2.005.035-2.868.181-.78 1.172-4.97 1.172-4.97s-.299-.598-.299-1.482c0-1.388.806-2.428 1.808-2.428.853 0 1.267.641 1.267 1.408 0 .858-.546 2.141-.828 3.33-.236.995.499 1.806 1.476 1.806 1.772 0 3.137-1.868 3.137-4.565 0-2.386-1.715-4.054-4.163-4.054-2.836 0-4.498 2.126-4.498 4.324 0 .856.33 1.775.741 2.276a.3.3 0 0 1 .069.285c-.075.314-.243.995-.276 1.134-.044.183-.146.222-.335.134-1.249-.581-2.03-2.407-2.03-3.874 0-3.154 2.292-6.052 6.608-6.052 3.469 0 6.165 2.473 6.165 5.776 0 3.447-2.173 6.22-5.19 6.22-1.013 0-1.966-.527-2.292-1.148l-.623 2.378c-.226.869-.835 1.958-1.244 2.621.937.29 1.931.446 2.962.446 5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\n        <\/a>\n      <\/div>\n      <p style=\"font-size:13px;opacity:.5;margin-top:20px;\">nataly.atelier1@gmail.com<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"footer-bottom\">\n    <span>\u00a9 2025 Nataly Atelier. Wszelkie prawa zastrze\u017cone.<\/span>\n    <a href=\"https:\/\/docs.google.com\/document\/d\/1lEQ1wvAqvMqzDnMPg5jFG_mTqxwxEPTTLIyEnsXZY8Q\/edit?usp=sharing\" target=\"_blank\" rel=\"noopener\">Polityka prywatno\u015bci<\/a>\n  <\/div>\n<\/footer>\n\n<script>\n  document.getElementById('hamburger').addEventListener('click', function() {\n    document.getElementById('navLinks').classList.toggle('open');\n  });\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(e => {\n      if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); }\n    });\n  }, { threshold: 0.12 });\n  document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n\n  function toggleFaq(btn) {\n    const item = btn.closest('.faq-item');\n    const isOpen = item.classList.contains('open');\n    document.querySelectorAll('.faq-item.open').forEach(el => el.classList.remove('open'));\n    if (!isOpen) item.classList.add('open');\n  }\n\n  let currentImg = 0;\n  function openLightbox(i) {\n    currentImg = i;\n    const imgs = document.querySelectorAll('.gallery-item img');\n    document.getElementById('lightbox-img').src = imgs[i].src;\n    document.getElementById('lightbox').classList.add('active');\n    document.body.style.overflow = 'hidden';\n  }\n  function closeLightbox() {\n    document.getElementById('lightbox').classList.remove('active');\n    document.body.style.overflow = '';\n  }\n  function closeLightboxOutside(e) {\n    if (e.target === document.getElementById('lightbox')) closeLightbox();\n  }\n  function changeImg(dir) {\n    const imgs = document.querySelectorAll('.gallery-item img');\n    currentImg = (currentImg + dir + imgs.length) % imgs.length;\n    document.getElementById('lightbox-img').src = imgs[currentImg].src;\n  }\n  document.addEventListener('keydown', e => {\n    if (e.key === 'Escape') closeLightbox();\n    if (e.key === 'ArrowRight') changeImg(1);\n    if (e.key === 'ArrowLeft') changeImg(-1);\n  });\n<\/script>\n<\/body>\n<\/html>\n\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>Nataly Atelier &#8211; O mnie Ka\u017cda dekoracja powstaje r\u0119cznie &#8211; od projektu po ostatni \u015bcieg &nbsp;|&nbsp; nataly.atelier1@gmail.com Nataly Atelier Co robi\u0119 Historia Prace FAQ Blog Punch needle &#8211; tekstylne dekoracje \u015bcienne Cze\u015b\u0107,jestem Natalia Haftuj\u0119 rzeczy r\u0119cznie. Ka\u017cd\u0105, do ko\u0144ca. Tworz\u0119 dekoracje tekstylne do pokoj\u00f3w dzieci\u0119cych metod\u0105 punch needle. Projektuj\u0119, wybieram w\u0142\u00f3kna i haftuj\u0119 sama &#8211;&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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,"footnotes":""},"class_list":["post-413","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/natalyatelier.pl\/index.php?rest_route=\/wp\/v2\/pages\/413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/natalyatelier.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/natalyatelier.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/natalyatelier.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/natalyatelier.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=413"}],"version-history":[{"count":8,"href":"https:\/\/natalyatelier.pl\/index.php?rest_route=\/wp\/v2\/pages\/413\/revisions"}],"predecessor-version":[{"id":422,"href":"https:\/\/natalyatelier.pl\/index.php?rest_route=\/wp\/v2\/pages\/413\/revisions\/422"}],"wp:attachment":[{"href":"https:\/\/natalyatelier.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}