Photoolga \u2013 Fotografia Eventowa<\/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=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\nbody { font-family: 'DM Sans', sans-serif; background: #fff; color: #1a0a0a; overflow-x: hidden; }\nimg { display: block; width: 100%; }\na { text-decoration: none; color: inherit; }\n\n:root {\n --bordo: #6B1A2A;\n --bordo-dark: #4a1019;\n --bordo-light: #8f2e42;\n --bordo-pale: #f5e9eb;\n --cream: #faf7f4;\n --white: #ffffff;\n --text-dark: #1a0a0a;\n --text-mid: #5a3a3a;\n --text-muted: #9a7a7a;\n --border: rgba(107,26,42,0.15);\n --section-pad: 90px;\n}\n\nh1, h2, h3, h4 { font-family: 'Cormorant Garamond', serif; line-height: 1.1; letter-spacing: -0.5px; }\n\n\/* HEADER *\/\n.po-header { position: fixed; top: 0; left: 0; right: 0; z-index: 500; background: rgba(255,255,255,0.97); border-bottom: 1px solid var(--border); backdrop-filter: blur(8px); }\n.po-header-inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; height: 72px; }\n.po-logo { font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 700; color: var(--bordo); letter-spacing: 1px; }\n.po-logo span { color: var(--text-dark); font-weight: 400; font-style: italic; }\n.po-nav { display: flex; align-items: center; gap: 36px; list-style: none; }\n.po-nav a { font-size: 14px; font-weight: 500; color: var(--text-mid); letter-spacing: 0.5px; transition: color 0.2s; text-transform: uppercase; }\n.po-nav a:hover { color: var(--bordo); }\n.po-nav-cta { background: var(--bordo); color: var(--white) !important; padding: 10px 22px !important; border-radius: 3px; }\n.po-nav-cta:hover { background: var(--bordo-dark) !important; }\n.po-burger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: none; border: none; }\n.po-burger span { display: block; width: 24px; height: 2px; background: var(--bordo); border-radius: 2px; transition: all 0.3s; }\n.po-mobile-nav { display: none; position: fixed; top: 72px; left: 0; right: 0; z-index: 499; background: var(--white); border-bottom: 1px solid var(--border); padding: 20px 24px; flex-direction: column; gap: 18px; }\n.po-mobile-nav.open { display: flex; }\n.po-mobile-nav a { font-size: 16px; font-weight: 500; color: var(--text-mid); text-transform: uppercase; letter-spacing: 0.5px; }\n.po-mobile-nav a:hover { color: var(--bordo); }\n.po-mobile-cta { display: inline-block !important; margin-top: 6px; color: var(--white) !important; padding: 12px 22px !important; border-radius: 3px; background: var(--bordo); }\n\n\/* HERO *\/\n.po-hero { position: relative; width: 100%; min-height: 100vh; display: flex; align-items: center; background: #1a0a0a; background-image: url('https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/DSC9126.jpg.webp'); background-size: cover; background-position: center 30%; padding-top: 72px; }\n.po-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg, rgba(10,3,3,0.90) 0%, rgba(10,3,3,0.68) 55%, rgba(10,3,3,0.42) 100%); }\n.po-hero::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.30); }\n.po-hero-inner { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 80px 24px 150px; }\n.po-hero-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; color: rgba(255,255,255,0.6); margin-bottom: 24px; }\n.po-hero-eyebrow::before { content: ''; display: block; width: 36px; height: 1px; background: var(--bordo-light); }\n.po-hero h1 { font-size: clamp(48px, 7vw, 92px); color: var(--white); font-weight: 700; line-height: 1.0; max-width: 680px; margin-bottom: 28px; }\n.po-hero h1 em { font-style: italic; color: #c8818f; }\n.po-hero-desc { font-size: 17px; color: rgba(255,255,255,0.82); max-width: 460px; line-height: 1.75; margin-bottom: 44px; }\n.po-hero-btns { display: flex; gap: 16px; flex-wrap: wrap; }\n.po-hero-stats { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 0 24px 40px; display: flex; gap: 48px; }\n.po-stat-num { font-family: 'Cormorant Garamond', serif; font-size: 40px; font-weight: 700; color: var(--white); line-height: 1; display: block; }\n.po-stat-label { font-size: 12px; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 1.5px; margin-top: 4px; display: block; }\n\n\/* BUTTONS *\/\n.po-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 32px; border-radius: 3px; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; transition: all 0.25s; letter-spacing: 0.3px; border: none; cursor: pointer; }\n.po-btn-primary { background: var(--bordo); color: var(--white); }\n.po-btn-primary:hover { background: var(--bordo-light); transform: translateY(-2px); color: var(--white); }\n.po-btn-outline { background: transparent; border: 1px solid rgba(255,255,255,0.4); color: var(--white); }\n.po-btn-outline:hover { border-color: var(--white); background: rgba(255,255,255,0.08); color: var(--white); }\n\n\/* SHARED *\/\n.po-section { padding: var(--section-pad) 0; }\n.po-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n.po-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; color: var(--bordo); margin-bottom: 16px; }\n.po-eyebrow::before { content: ''; display: block; width: 28px; height: 1px; background: var(--bordo); }\n.po-section-title { font-size: clamp(34px, 4.5vw, 58px); font-weight: 700; color: var(--text-dark); margin-bottom: 20px; }\n.po-section-title em { font-style: italic; color: var(--bordo); }\n\n\/* O MNIE *\/\n.po-about { background: var(--cream); }\n.po-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n.po-about-img-wrap { position: relative; }\n.po-about-img { width: 100%; aspect-ratio: 4\/5; object-fit: cover; border-radius: 2px; display: block; }\n.po-about-badge { position: absolute; bottom: -24px; right: -24px; background: var(--bordo); color: var(--white); padding: 28px; border-radius: 2px; text-align: center; min-width: 120px; }\n.po-about-badge-num { font-family: 'Cormorant Garamond', serif; font-size: 48px; font-weight: 700; line-height: 1; display: block; }\n.po-about-badge-label { font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; opacity: 0.8; margin-top: 4px; display: block; }\n.po-about-content { padding-right: 20px; }\n.po-about-quote { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-style: italic; color: var(--bordo); border-left: 3px solid var(--bordo); padding-left: 20px; margin: 28px 0; line-height: 1.5; }\n.po-about-text { font-size: 16px; color: var(--text-mid); line-height: 1.8; margin-bottom: 16px; }\n\n\/* OFERTA *\/\n.po-offer { background: var(--white); }\n.po-offer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin-top: 60px; background: var(--border); }\n.po-offer-card { background: var(--white); padding: 44px 36px; transition: background 0.3s; }\n.po-offer-card:hover { background: var(--bordo-pale); }\n.po-offer-num { font-family: 'Cormorant Garamond', serif; font-size: 64px; font-weight: 700; color: var(--border); line-height: 1; margin-bottom: 20px; }\n.po-offer-icon { width: 40px; height: 40px; border: 1px solid var(--bordo); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 28px; }\n.po-offer-icon svg { width: 18px; height: 18px; stroke: var(--bordo); fill: none; stroke-width: 1.5; }\n.po-offer-title { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 700; color: var(--text-dark); margin-bottom: 14px; line-height: 1.2; }\n.po-offer-desc { font-size: 15px; color: var(--text-mid); line-height: 1.7; }\n\n\/* PORTFOLIO *\/\n.po-portfolio { background: var(--cream); }\n.po-portfolio-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 48px; gap: 24px; }\n.po-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: 260px 260px; gap: 10px; }\n.po-pi { overflow: hidden; border-radius: 2px; background: #c4a8ad; position: relative; cursor: pointer; }\n.po-pi img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }\n.po-pi:hover img { transform: scale(1.04); }\n.po-pi::after { content: ''; position: absolute; inset: 0; background: rgba(107,26,42,0); transition: background 0.3s; pointer-events: none; }\n.po-pi:hover::after { background: rgba(107,26,42,0.20); }\n.po-pi-zoom { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.7); z-index: 2; width: 52px; height: 52px; border-radius: 50%; background: rgba(255,255,255,0.12); border: 1.5px solid rgba(255,255,255,0.6); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s, transform 0.3s; pointer-events: none; }\n.po-pi-zoom svg { width: 22px; height: 22px; stroke: #fff; fill: none; stroke-width: 1.5; }\n.po-pi:hover .po-pi-zoom { opacity: 1; transform: translate(-50%,-50%) scale(1); }\n\/* Mosaic: zdj\u0119cie 1 zajmuje 7 kol i 2 rz\u0119dy, pozosta\u0142e wype\u0142niaj\u0105 praw\u0105 stron\u0119 *\/\n.po-pi-1 { grid-column: span 7; grid-row: span 2; }\n.po-pi-2 { grid-column: span 5; }\n.po-pi-3 { grid-column: span 5; }\n.po-pi-4 { grid-column: span 4; }\n.po-pi-5 { grid-column: span 4; }\n.po-pi-6 { grid-column: span 4; }\n\n\/* LIGHTBOX \u2014 kluczowe: position:fixed dzia\u0142a tylko gdy nie jest wewn\u0105trz transformed\/filtered rodzica *\/\n.po-lb {\n display: none;\n position: fixed !important;\n top: 0 !important; left: 0 !important;\n width: 100% !important; height: 100% !important;\n z-index: 2147483647 !important;\n background: rgba(8,2,2,0.97);\n align-items: center;\n justify-content: center;\n flex-direction: row;\n}\n.po-lb.is-open { display: flex; }\n.po-lb-stage { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 64px 72px; }\n.po-lb-stage img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 2px; display: block; width: auto; height: auto; }\n\n\/* POPRAWKI IKON LIGHTBOXA: zmienione z fixed na absolute (wzgl\u0119dem okna lb), dodane padding:0 i flex-shrink:0 *\/\n.po-lb-close { position: absolute; top: 16px; right: 18px; z-index: 10; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.25); color: #fff; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s; padding: 0; flex-shrink: 0; }\n.po-lb-close:hover { background: var(--bordo); border-color: var(--bordo); }\n\n.po-lb-prev, .po-lb-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 50px; height: 50px; border-radius: 50%; background: rgba(255,255,255,0.09); border: 1px solid rgba(255,255,255,0.22); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s; padding: 0; flex-shrink: 0; }\n.po-lb-prev { left: 14px; }\n.po-lb-next { right: 14px; }\n.po-lb-prev:hover, .po-lb-next:hover { background: var(--bordo); border-color: var(--bordo); }\n.po-lb-prev svg, .po-lb-next svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n\n.po-lb-counter { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); font-size: 13px; color: rgba(255,255,255,0.4); letter-spacing: 1px; white-space: nowrap; z-index: 10; }\n\n\/* CTA *\/\n.po-cta { position: relative; width: 100%; padding: 100px 0; background: #1a0a0a; background-size: cover; background-position: center 30%; }\n.po-cta::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(107,26,42,0.88) 0%, rgba(26,10,10,0.65) 100%); }\n.po-cta-inner { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }\n.po-cta-left { max-width: 620px; }\n.po-cta-eyebrow { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; color: rgba(255,255,255,0.5); margin-bottom: 14px; }\n.po-cta-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(34px, 4vw, 52px); line-height: 1.05; margin: 0 0 18px; font-weight: 700; color: #fff; }\n.po-cta-sub { font-size: 16px; color: rgba(255,255,255,0.80); line-height: 1.7; margin: 0; }\n.po-cta-btn-wrap { flex-shrink: 0; }\n.po-cta-btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 36px; background: #fff; color: var(--bordo); font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; border-radius: 3px; white-space: nowrap; transition: all 0.3s; }\n.po-cta-btn:hover { background: var(--bordo-pale); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(107,26,42,0.35); color: var(--bordo); }\n\n\/* OPINIE *\/\n.po-reviews { background: var(--white); }\n.po-reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }\n.po-review-card { border: 1px solid var(--border); padding: 36px 30px; border-radius: 2px; transition: border-color 0.2s, box-shadow 0.2s; }\n.po-review-card:hover { border-color: var(--bordo); box-shadow: 0 8px 32px rgba(107,26,42,0.08); }\n.po-review-stars { color: var(--bordo); font-size: 18px; margin-bottom: 18px; letter-spacing: 2px; }\n.po-review-text { font-family: 'Cormorant Garamond', serif; font-size: 19px; font-style: italic; color: var(--text-dark); line-height: 1.6; margin-bottom: 24px; }\n.po-review-author { display: flex; align-items: center; gap: 12px; }\n.po-review-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--bordo-pale); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; color: var(--bordo); flex-shrink: 0; }\n.po-review-name { font-weight: 600; font-size: 14px; color: var(--text-dark); }\n.po-review-role { font-size: 12px; color: var(--text-muted); }\n\n\/* KONTAKT *\/\n.po-contact { background: var(--bordo-dark); padding: var(--section-pad) 0; }\n.po-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }\n.po-contact-eyebrow { color: rgba(255,255,255,0.55) !important; }\n.po-contact-eyebrow::before { background: rgba(255,255,255,0.4) !important; }\n.po-contact-title { color: var(--white) !important; }\n.po-contact-desc { color: rgba(255,255,255,0.7); font-size: 16px; line-height: 1.8; max-width: 400px; }\n.po-contact-details { margin-top: 40px; display: flex; flex-direction: column; gap: 20px; }\n.po-contact-item { display: flex; align-items: center; gap: 16px; }\n.po-contact-icon { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.po-contact-icon svg { width: 18px; height: 18px; stroke: rgba(255,255,255,0.75); fill: none; stroke-width: 1.5; }\n.po-contact-label { font-size: 12px; color: rgba(255,255,255,0.45); text-transform: uppercase; letter-spacing: 1px; }\n.po-contact-val { font-size: 16px; color: var(--white); font-weight: 500; margin-top: 2px; }\n.po-form-wrap { background: var(--white); padding: 48px 40px; border-radius: 2px; }\n.po-form-title { font-family: 'Cormorant Garamond', serif; font-size: 30px; font-weight: 700; color: var(--text-dark); margin-bottom: 32px; }\n.po-form-group { margin-bottom: 20px; }\n.po-form-group label { display: block; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); margin-bottom: 8px; }\n.po-form-group input, .po-form-group textarea, .po-form-group select { width: 100%; padding: 12px 16px; border: 1px solid var(--border); border-radius: 2px; font-family: 'DM Sans', sans-serif; font-size: 15px; color: var(--text-dark); background: #fafafa; transition: border-color 0.2s; outline: none; }\n.po-form-group input:focus, .po-form-group textarea:focus, .po-form-group select:focus { border-color: var(--bordo); background: var(--white); }\n.po-form-group textarea { min-height: 120px; resize: vertical; }\n.po-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.po-form-submit { width: 100%; padding: 15px; background: var(--bordo); color: var(--white); border: none; border-radius: 2px; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; cursor: pointer; transition: background 0.2s, transform 0.2s; margin-top: 8px; }\n.po-form-submit:hover { background: var(--bordo-light); transform: translateY(-1px); }\n\n\/* FOOTER *\/\n.po-footer { background: #0e0608; padding: 60px 0 32px; }\n.po-footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.08); }\n.po-footer-logo { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 700; color: #8f2e42; letter-spacing: 1px; margin-bottom: 16px; display: block; }\n.po-footer-logo span { color: rgba(255,255,255,0.6); font-weight: 400; font-style: italic; }\n.po-footer-desc { font-size: 14px; color: rgba(255,255,255,0.45); line-height: 1.8; max-width: 280px; }\n.po-footer-col h4 { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255,0.4); margin-bottom: 20px; }\n.po-footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n.po-footer-col ul a { font-size: 14px; color: rgba(255,255,255,0.6); transition: color 0.2s; }\n.po-footer-col ul a:hover { color: var(--white); }\n.po-footer-bottom { padding-top: 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }\n.po-footer-copy { font-size: 13px; color: rgba(255,255,255,0.35); }\n.po-footer-copy a { color: rgba(255,255,255,0.5); transition: color 0.2s; }\n.po-footer-copy a:hover { color: var(--white); }\n.po-footer-socials { display: flex; gap: 14px; }\n.po-footer-social { width: 36px; height: 36px; border: 1px solid rgba(255,255,255,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.5); transition: all 0.2s; }\n.po-footer-social:hover { border-color: var(--bordo); color: var(--white); background: var(--bordo); }\n\n\/* RESPONSIVE 1024 *\/\n@media (max-width: 1024px) {\n :root { --section-pad: 70px; }\n .po-about-grid { gap: 48px; }\n .po-offer-grid { grid-template-columns: repeat(2, 1fr); }\n .po-reviews-grid { grid-template-columns: repeat(2, 1fr); }\n .po-footer-top { grid-template-columns: 1fr 1fr; }\n .po-footer-brand { grid-column: span 2; }\n .po-grid { grid-template-rows: auto; }\n .po-pi-1 { grid-column: span 12; grid-row: span 1; min-height: 280px; }\n .po-pi-2, .po-pi-3 { grid-column: span 6; grid-row: span 1; min-height: 200px; }\n .po-pi-4, .po-pi-5, .po-pi-6 { grid-column: span 4; grid-row: span 1; min-height: 180px; }\n}\n\n\/* RESPONSIVE 768 *\/\n@media (max-width: 768px) {\n :root { --section-pad: 56px; }\n .po-nav { display: none; }\n .po-burger { display: flex; }\n\n .po-hero-inner { padding: 60px 20px 130px; }\n .po-hero-desc { font-size: 15px; }\n .po-hero-stats { gap: 24px; padding: 0 20px 28px; flex-wrap: wrap; }\n .po-stat-num { font-size: 32px; }\n\n .po-about-grid { grid-template-columns: 1fr; gap: 60px; }\n .po-about-content { padding-right: 0; }\n .po-about-badge { right: 0; bottom: -20px; }\n\n .po-offer-grid { grid-template-columns: 1fr; }\n\n .po-portfolio-header { flex-direction: column; align-items: flex-start; gap: 16px; }\n .po-grid { grid-template-rows: auto; }\n .po-pi-1 { grid-column: span 12; grid-row: span 1; min-height: 260px; }\n .po-pi-2, .po-pi-3 { grid-column: span 6; grid-row: span 1; min-height: 200px; }\n .po-pi-4, .po-pi-5, .po-pi-6 { grid-column: span 6; grid-row: span 1; min-height: 200px; }\n\n .po-lb-stage { padding: 56px 54px; }\n .po-lb-prev { left: 12px; }\n .po-lb-next { right: 12px; }\n\n .po-cta-inner { flex-direction: column; text-align: center; gap: 32px; }\n .po-cta::before { background: rgba(107,26,42,0.80); }\n .po-cta-btn-wrap { width: 100%; }\n .po-cta-btn { width: 100%; }\n\n .po-reviews-grid { grid-template-columns: 1fr; gap: 16px; }\n\n .po-contact-grid { grid-template-columns: 1fr; gap: 48px; }\n .po-form-wrap { padding: 32px 20px; }\n .po-form-row { grid-template-columns: 1fr; }\n\n .po-footer-top { grid-template-columns: 1fr; gap: 36px; }\n .po-footer-brand { grid-column: auto !important; }\n .po-footer-bottom { flex-direction: column; align-items: flex-start; gap: 16px; }\n}\n\n\/* RESPONSIVE 480 *\/\n@media (max-width: 480px) {\n .po-hero h1 { font-size: 40px; }\n .po-hero-btns { flex-direction: column; }\n .po-hero-btns .po-btn { width: 100%; }\n .po-hero-stats { gap: 16px; }\n .po-stat-num { font-size: 26px; }\n .po-stat-label { font-size: 10px; }\n\n .po-section-title { font-size: 32px; }\n\n .po-grid { grid-template-rows: auto; }\n .po-pi-1, .po-pi-2, .po-pi-3, .po-pi-4, .po-pi-5, .po-pi-6 { grid-column: span 12; grid-row: span 1; min-height: 220px; }\n .po-pi img { min-height: 220px !important; }\n\n .po-lb-stage { padding: 50px 8px; }\n \/* Poprawione marginesy oraz wielko\u015b\u0107 strza\u0142ek pod urz\u0105dzenia mobilne dla pewno\u015bci okr\u0105g\u0142o\u015bci *\/\n .po-lb-prev { left: 8px; width: 44px; height: 44px; }\n .po-lb-next { right: 8px; width: 44px; height: 44px; }\n\n .po-cta-title { font-size: 30px; }\n .po-about-badge { padding: 20px; }\n .po-about-badge-num { font-size: 36px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<header class=\"po-header\">\n <div class=\"po-header-inner\">\n <a href=\"#\" class=\"po-logo\">Photo<span>olga<\/span><\/a>\n <nav><ul class=\"po-nav\">\n <li><a href=\"#o-mnie\">O mnie<\/a><\/li>\n <li><a href=\"#oferta\">Oferta<\/a><\/li>\n <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\n <li><a href=\"#opinie\">Opinie<\/a><\/li>\n <li><a href=\"#kontakt\" class=\"po-nav-cta\">Kontakt<\/a><\/li>\n <\/ul><\/nav>\n <button class=\"po-burger\" id=\"poBurger\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\n <\/div>\n <nav class=\"po-mobile-nav\" id=\"poMobileNav\">\n <a href=\"#o-mnie\" onclick=\"poCloseNav()\">O mnie<\/a>\n <a href=\"#oferta\" onclick=\"poCloseNav()\">Oferta<\/a>\n <a href=\"#portfolio\" onclick=\"poCloseNav()\">Portfolio<\/a>\n <a href=\"#opinie\" onclick=\"poCloseNav()\">Opinie<\/a>\n <a href=\"#kontakt\" class=\"po-mobile-cta\" onclick=\"poCloseNav()\">Skontaktuj si\u0119<\/a>\n <\/nav>\n<\/header>\n\n<section class=\"po-hero\" id=\"hero\">\n <div class=\"po-hero-inner\">\n <div class=\"po-hero-eyebrow\">Fotografia Eventowa<\/div>\n <h1>Tw\u00f3j event,<br><em>uchwycony<\/em><br>na zawsze.<\/h1>\n <p class=\"po-hero-desc\">Specjalizuj\u0119 si\u0119 w fotografii eventowej \u2014 od konferencji i gal, po eventy firmowe i imprezy kulturalne. Ka\u017cde zdj\u0119cie to historia, kt\u00f3r\u0105 warto zatrzyma\u0107.<\/p>\n <div class=\"po-hero-btns\">\n <a href=\"#portfolio\" class=\"po-btn po-btn-primary\">Zobacz portfolio<\/a>\n <a href=\"#kontakt\" class=\"po-btn po-btn-outline\">Zapytaj o termin<\/a>\n <\/div>\n <\/div>\n <div class=\"po-hero-stats\">\n <div><span class=\"po-stat-num\">8+<\/span><span class=\"po-stat-label\">lat do\u015bwiadczenia<\/span><\/div>\n <div><span class=\"po-stat-num\">300+<\/span><span class=\"po-stat-label\">sfotografowanych event\u00f3w<\/span><\/div>\n <div><span class=\"po-stat-num\">100%<\/span><span class=\"po-stat-label\">zadowolonych klient\u00f3w<\/span><\/div>\n <\/div>\n<\/section>\n\n<section class=\"po-section po-about\" id=\"o-mnie\">\n <div class=\"po-container\">\n <div class=\"po-about-grid\">\n <div class=\"po-about-img-wrap\">\n <img decoding=\"async\" class=\"po-about-img\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/Projekt-bez-nazwy-4.png.webp\" alt=\"Olga Cie\u015blar \u2013 fotograf eventowy\">\n <div class=\"po-about-badge\">\n <span class=\"po-about-badge-num\">8+<\/span>\n <span class=\"po-about-badge-label\">lat w bran\u017cy<\/span>\n <\/div>\n <\/div>\n <div class=\"po-about-content\">\n <div class=\"po-eyebrow\">O mnie<\/div>\n <h2 class=\"po-section-title\">Cze\u015b\u0107, jestem <em>Olga.<\/em><\/h2>\n <blockquote class=\"po-about-quote\">\u201eDobra fotografia eventowa to nie tylko techniczne zdj\u0119cia \u2014 to emocje zamkni\u0119te w kadrze.”<\/blockquote>\n <p class=\"po-about-text\">Od ponad 8 lat towarzysz\u0119 firmom, organizatorom i markom w dokumentowaniu ich najwa\u017cniejszych chwil. Fotografuj\u0119 konferencje, gale, targi, eventy firmowe oraz imprezy kulturalne \u2014 wsz\u0119dzie tam, gdzie dzieje si\u0119 co\u015b wartego zapami\u0119tania.<\/p>\n <p class=\"po-about-text\">Zale\u017cy mi na tym, by ka\u017cde zdj\u0119cie opowiada\u0142o prawdziw\u0105 histori\u0119. Pracuj\u0119 dyskretnie, ale zawsze we w\u0142a\u015bciwym momencie. Moim celem jest to, \u017ceby\u015b po otrzymaniu zdj\u0119\u0107 powiedzia\u0142: \u201eW\u0142a\u015bnie tak to wygl\u0105da\u0142o.”<\/p>\n <p class=\"po-about-text\">Dzia\u0142am na terenie ca\u0142ej Polski. Jestem elastyczna, punktualna i dostarczam gotowe zdj\u0119cia w uzgodnionym terminie \u2014 bez stresu i zb\u0119dnych komplikacji.<\/p>\n <a href=\"#kontakt\" class=\"po-btn po-btn-primary\" style=\"margin-top:32px;\">Poznajmy si\u0119 \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"po-section po-offer\" id=\"oferta\">\n <div class=\"po-container\">\n <div class=\"po-eyebrow\">Oferta<\/div>\n <h2 class=\"po-section-title\">Co <em>fotografuj\u0119<\/em><\/h2>\n <div class=\"po-offer-grid\">\n <div class=\"po-offer-card\">\n <div class=\"po-offer-num\">01<\/div>\n <div class=\"po-offer-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/><\/svg><\/div>\n <div class=\"po-offer-title\">Konferencje i szkolenia<\/div>\n <p class=\"po-offer-desc\">Dokumentacja prelegent\u00f3w, paneli dyskusyjnych, warsztat\u00f3w i kuluar\u00f3w. Zdj\u0119cia gotowe do u\u017cycia w materia\u0142ach prasowych i mediach spo\u0142eczno\u015bciowych.<\/p>\n <\/div>\n <div class=\"po-offer-card\">\n <div class=\"po-offer-num\">02<\/div>\n <div class=\"po-offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n <div class=\"po-offer-title\">Gale i uroczysto\u015bci<\/div>\n <p class=\"po-offer-desc\">Eleganckie eventy firmowe, gale wr\u0119czenia nagr\u00f3d, jubileusze i uroczyste kolacje. Fotografuj\u0119 atmosfer\u0119 i szczeg\u00f3\u0142y, kt\u00f3re tworz\u0105 wyj\u0105tkowy nastr\u00f3j.<\/p>\n <\/div>\n <div class=\"po-offer-card\">\n <div class=\"po-offer-num\">03<\/div>\n <div class=\"po-offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n <div class=\"po-offer-title\">Eventy firmowe<\/div>\n <p class=\"po-offer-desc\">Integracje, pikniki, imprezy \u015bwi\u0105teczne i launche produkt\u00f3w. Zdj\u0119cia, kt\u00f3re pokazuj\u0105 Tw\u00f3j zesp\u00f3\u0142 od najlepszej strony i buduj\u0105 wizerunek firmy.<\/p>\n <\/div>\n <div class=\"po-offer-card\">\n <div class=\"po-offer-num\">04<\/div>\n <div class=\"po-offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9,22 9,12 15,12 15,22\"\/><\/svg><\/div>\n <div class=\"po-offer-title\">Targi i wystawy<\/div>\n <p class=\"po-offer-desc\">Dokumentacja stoisk, produkt\u00f3w i interakcji z klientami. Zdj\u0119cia do raport\u00f3w, prezentacji i kampanii marketingowych.<\/p>\n <\/div>\n <div class=\"po-offer-card\">\n <div class=\"po-offer-num\">05<\/div>\n <div class=\"po-offer-icon\"><svg viewBox=\"0 0 24 24\"><polygon points=\"23,7 16,12 23,17 23,7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/><\/svg><\/div>\n <div class=\"po-offer-title\">Eventy kulturalne<\/div>\n <p class=\"po-offer-desc\">Spektakle, koncerty, wernisa\u017ce, festiwale. Fotografuj\u0119 artyst\u00f3w i publiczno\u015b\u0107, chwytaj\u0105c autentyczne emocje i energi\u0119 wydarze\u0144 kulturalnych.<\/p>\n <\/div>\n <div class=\"po-offer-card\">\n <div class=\"po-offer-num\">06<\/div>\n <div class=\"po-offer-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg><\/div>\n <div class=\"po-offer-title\">Relacja na \u017cywo<\/div>\n <p class=\"po-offer-desc\">Szybkie dostarczanie zdj\u0119\u0107 podczas eventu \u2014 idealne do relacjonowania na Instagramie i LinkedInie w czasie rzeczywistym.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"po-section po-portfolio\" id=\"portfolio\">\n <div class=\"po-container\">\n <div class=\"po-portfolio-header\">\n <div>\n <div class=\"po-eyebrow\">Portfolio<\/div>\n <h2 class=\"po-section-title\">Wybrane <em>realizacje<\/em><\/h2>\n <\/div>\n <a href=\"#kontakt\" class=\"po-btn po-btn-primary\" style=\"flex-shrink:0;\">Zapytaj o wycen\u0119<\/a>\n <\/div>\n <div class=\"po-grid\">\n <div class=\"po-pi po-pi-1\" data-lb=\"0\" role=\"button\" tabindex=\"0\" aria-label=\"Otw\u00f3rz zdj\u0119cie 1\">\n <img decoding=\"async\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/191_1822.jpg-scaled.webp\" alt=\"Fotografia eventowa 1\">\n <div class=\"po-pi-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\n <\/div>\n <div class=\"po-pi po-pi-2\" data-lb=\"1\" role=\"button\" tabindex=\"0\" aria-label=\"Otw\u00f3rz zdj\u0119cie 2\">\n <img decoding=\"async\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/1DSC01699.jpg-scaled.webp\" alt=\"Fotografia eventowa 2\">\n <div class=\"po-pi-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\n <\/div>\n <div class=\"po-pi po-pi-3\" data-lb=\"2\" role=\"button\" tabindex=\"0\" aria-label=\"Otw\u00f3rz zdj\u0119cie 3\">\n <img decoding=\"async\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/32__DCP1591.jpg-scaled.webp\" alt=\"Fotografia eventowa 3\">\n <div class=\"po-pi-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\n <\/div>\n <div class=\"po-pi po-pi-4\" data-lb=\"3\" role=\"button\" tabindex=\"0\" aria-label=\"Otw\u00f3rz zdj\u0119cie 4\">\n <img decoding=\"async\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/DSC_1606.jpg-scaled.webp\" alt=\"Fotografia eventowa 4\">\n <div class=\"po-pi-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\n <\/div>\n <div class=\"po-pi po-pi-5\" data-lb=\"4\" role=\"button\" tabindex=\"0\" aria-label=\"Otw\u00f3rz zdj\u0119cie 5\">\n <img decoding=\"async\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/20DSC_1495.jpg.webp\" alt=\"Fotografia eventowa 5\">\n <div class=\"po-pi-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\n <\/div>\n <div class=\"po-pi po-pi-6\" data-lb=\"5\" role=\"button\" tabindex=\"0\" aria-label=\"Otw\u00f3rz zdj\u0119cie 6\">\n <img decoding=\"async\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/5DSC_2937-768x512.jpg.webp\" alt=\"Fotografia eventowa 6\">\n <div class=\"po-pi-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"po-lb\" id=\"poLb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Galeria zdj\u0119\u0107\">\n <button class=\"po-lb-close\" id=\"poLbClose\" aria-label=\"Zamknij\">✕<\/button>\n <button class=\"po-lb-prev\" id=\"poLbPrev\" aria-label=\"Poprzednie zdj\u0119cie\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15,18 9,12 15,6\"\/><\/svg>\n <\/button>\n <div class=\"po-lb-stage\">\n <img decoding=\"async\" id=\"poLbImg\" src=\"\" alt=\"Fotografia eventowa\">\n <\/div>\n <button class=\"po-lb-next\" id=\"poLbNext\" aria-label=\"Nast\u0119pne zdj\u0119cie\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9,18 15,12 9,6\"\/><\/svg>\n <\/button>\n <div class=\"po-lb-counter\" id=\"poLbCounter\"><\/div>\n<\/div>\n\n<div class=\"po-cta\" style=\"background-image:url('https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/199_DSC5482.jpg.webp');\">\n <div class=\"po-cta-inner\">\n <div class=\"po-cta-left\">\n <div class=\"po-cta-eyebrow\">Zarezerwuj termin<\/div>\n <h2 class=\"po-cta-title\">Tw\u00f3j event zas\u0142uguje na \u015bwietne zdj\u0119cia<\/h2>\n <p class=\"po-cta-sub\">Bez ukrytych koszt\u00f3w, bez stresu \u2014 tylko pe\u0142na profesjonalna obs\u0142uga fotograficzna. Napisz do mnie, a razem ustalimy szczeg\u00f3\u0142y i termin, kt\u00f3ry Ci odpowiada.<\/p>\n <\/div>\n <div class=\"po-cta-btn-wrap\">\n <a href=\"#kontakt\" class=\"po-cta-btn\">Skontaktuj si\u0119<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<section class=\"po-section po-reviews\" id=\"opinie\">\n <div class=\"po-container\">\n <div class=\"po-eyebrow\">Opinie<\/div>\n <h2 class=\"po-section-title\">Co m\u00f3wi\u0105 <em>klienci<\/em><\/h2>\n <div class=\"po-reviews-grid\">\n <div class=\"po-review-card\">\n <div class=\"po-review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"po-review-text\">\u201eOlga robi\u0142a zdj\u0119cia podczas naszego \u015blubu. By\u0142a z nami od przygotowa\u0144 do oczepin. Naturalna, profesjonalna, wyluzowana. By\u0142a wsz\u0119dzie, a jednocze\u015bnie nie by\u0142o jej pe\u0142no. Pierwsze zdj\u0119cia dostali\u015bmy w ci\u0105gu tygodnia.”<\/p>\n <div class=\"po-review-author\"><div class=\"po-review-avatar\">JK<\/div><div><div class=\"po-review-name\">Jakub Kuchnio<\/div><div class=\"po-review-role\">Lokalny przewodnik Google<\/div><\/div><\/div>\n <\/div>\n <div class=\"po-review-card\">\n <div class=\"po-review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"po-review-text\">\u201eSerdecznie polecam PHOTOOLGA. Zamawia\u0142am sesj\u0119 portretow\u0105, zdj\u0119cia do portfolio biznesowego, fotografie produktowe i zdj\u0119cia wn\u0119trz. Super jako\u015b\u0107, doskona\u0142y kontakt, pe\u0142en profesjonalizm!”<\/p>\n <div class=\"po-review-author\"><div class=\"po-review-avatar\">JS<\/div><div><div class=\"po-review-name\">Joanna Seroczy\u0144ska<\/div><div class=\"po-review-role\">Klientka<\/div><\/div><\/div>\n <\/div>\n <div class=\"po-review-card\">\n <div class=\"po-review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"po-review-text\">\u201eWsp\u00f3\u0142pracuj\u0119 z Olg\u0105 od wielu lat. Robi\u0142a dla nas zdj\u0119cia na uroczysto\u015bciach rodzinnych, a tak\u017ce fotografi\u0119 biznesow\u0105 i reklamow\u0105. Bardzo profesjonalna i dok\u0142adna. \u015awietne zdj\u0119cia w ruchu.”<\/p>\n <div class=\"po-review-author\"><div class=\"po-review-avatar\">EK<\/div><div><div class=\"po-review-name\">Ewelina Kuchnio<\/div><div class=\"po-review-role\">Sta\u0142a klientka<\/div><\/div><\/div>\n <\/div>\n <div class=\"po-review-card\">\n <div class=\"po-review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"po-review-text\">\u201eZ Olg\u0105 wsp\u00f3\u0142pracujemy od blisko 20 lat. \u015awietny fotograf \u2014 nie tylko sportowy. Doskona\u0142e oko, kt\u00f3re potrafi wychwyci\u0107 dynamik\u0119 ruchu, fajny kadr i emocje chwili. Serdecznie polecamy!”<\/p>\n <div class=\"po-review-author\"><div class=\"po-review-avatar\">KS<\/div><div><div class=\"po-review-name\">KSW Kyokushin<\/div><div class=\"po-review-role\">Klub sportowy, sta\u0142y klient<\/div><\/div><\/div>\n <\/div>\n <div class=\"po-review-card\">\n <div class=\"po-review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"po-review-text\">\u201eOlga fotografowa\u0142a nasz\u0105 czteromiesi\u0119czn\u0105 c\u00f3rk\u0119. Dzi\u0119ki cierpliwo\u015bci i ciep\u0142emu podej\u015bciu c\u00f3rka bawi\u0142a si\u0119 doskonale, a my nawet nie zauwa\u017cyli\u015bmy, kiedy min\u0105\u0142 dzie\u0144 zdj\u0119ciowy. Polecam gor\u0105co!”<\/p>\n <div class=\"po-review-author\"><div class=\"po-review-avatar\">JK<\/div><div><div class=\"po-review-name\">Joanna Ko\u0142akowska<\/div><div class=\"po-review-role\">Klientka<\/div><\/div><\/div>\n <\/div>\n <div class=\"po-review-card\">\n <div class=\"po-review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"po-review-text\">\u201eOlga to jedna z najlepszych fotografek jakie znam. Ma to co\u015b, co pozwala jej uchwyci\u0107 moment nie tylko okiem, ale te\u017c sercem i dusz\u0105. Otwarta, konkretna, rzetelna i godna zaufania.”<\/p>\n <div class=\"po-review-author\"><div class=\"po-review-avatar\">Ad<\/div><div><div class=\"po-review-name\">Aleksandra de la Cruz<\/div><div class=\"po-review-role\">Klientka<\/div><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"po-contact\" id=\"kontakt\">\n <div class=\"po-container\">\n <div class=\"po-contact-grid\">\n <div>\n <div class=\"po-eyebrow po-contact-eyebrow\">Kontakt<\/div>\n <h2 class=\"po-section-title po-contact-title\">Porozmawiajmy<br>o Twoim <em style=\"color:#c8818f;\">evencie<\/em><\/h2>\n <p class=\"po-contact-desc\">Masz pytania? Chcesz sprawdzi\u0107 dost\u0119pno\u015b\u0107 terminu? Napisz lub zadzwo\u0144 \u2014 odpisz\u0119 najszybciej jak to mo\u017cliwe.<\/p>\n <div class=\"po-contact-details\">\n <div class=\"po-contact-item\">\n <div class=\"po-contact-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.63 3.47 2 2 0 0 1 3.59 1.25h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.13 6.13l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\n <div><div class=\"po-contact-label\">Telefon<\/div><div class=\"po-contact-val\"><a href=\"tel:797838336\" style=\"color:inherit;\">797 838 336<\/a><\/div><\/div>\n <\/div>\n <div class=\"po-contact-item\">\n <div class=\"po-contact-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\n <div><div class=\"po-contact-label\">E-mail<\/div><div class=\"po-contact-val\"><a href=\"mailto:kontakt@photoolga.pl\" style=\"color:inherit;\">kontakt@photoolga.pl<\/a><\/div><\/div>\n <\/div>\n <div class=\"po-contact-item\">\n <div class=\"po-contact-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg><\/div>\n <div><div class=\"po-contact-label\">Czas odpowiedzi<\/div><div class=\"po-contact-val\">Do 24 godzin roboczych<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"po-form-wrap\">\n <div class=\"po-form-title\">Napisz do mnie<\/div>\n <form>\n <div class=\"po-form-row\">\n <div class=\"po-form-group\"><label for=\"fn\">Imi\u0119 i nazwisko<\/label><input type=\"text\" id=\"fn\" placeholder=\"Jan Kowalski\"><\/div>\n <div class=\"po-form-group\"><label for=\"fe\">Adres e-mail<\/label><input type=\"email\" id=\"fe\" placeholder=\"jan@firma.pl\"><\/div>\n <\/div>\n <div class=\"po-form-group\"><label for=\"fp\">Telefon (opcjonalnie)<\/label><input type=\"tel\" id=\"fp\" placeholder=\"+48 000 000 000\"><\/div>\n <div class=\"po-form-group\">\n <label for=\"fev\">Rodzaj eventu<\/label>\n <select id=\"fev\">\n <option value=\"\">Wybierz rodzaj eventu…<\/option>\n <option>Konferencja \/ szkolenie<\/option>\n <option>Gala \/ uroczysto\u015b\u0107<\/option>\n <option>Event firmowy<\/option>\n <option>Targi \/ wystawa<\/option>\n <option>Event kulturalny<\/option>\n <option>Inne<\/option>\n <\/select>\n <\/div>\n <div class=\"po-form-group\"><label for=\"fm\">Wiadomo\u015b\u0107<\/label><textarea id=\"fm\" placeholder=\"Opisz sw\u00f3j event \u2014 data, miejsce, liczba go\u015bci, czego potrzebujesz...\"><\/textarea><\/div>\n <button type=\"submit\" class=\"po-form-submit\">Wy\u015blij zapytanie \u2192<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer class=\"po-footer\">\n <div class=\"po-container\">\n <div class=\"po-footer-top\">\n <div class=\"po-footer-brand\">\n <a href=\"#\" class=\"po-footer-logo\">Photo<span>olga<\/span><\/a>\n <p class=\"po-footer-desc\">Fotografia eventowa, kt\u00f3ra opowiada histori\u0119 Twojego wydarzenia. Profesjonalnie, dyskretnie i z pasj\u0105.<\/p>\n <\/div>\n <div class=\"po-footer-col\">\n <h4>Nawigacja<\/h4>\n <ul>\n <li><a href=\"#o-mnie\">O mnie<\/a><\/li>\n <li><a href=\"#oferta\">Oferta<\/a><\/li>\n <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\n <li><a href=\"#opinie\">Opinie<\/a><\/li>\n <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"po-footer-col\">\n <h4>Kontakt<\/h4>\n <ul>\n <li><a href=\"tel:797838336\">797 838 336<\/a><\/li>\n <li><a href=\"mailto:kontakt@photoolga.pl\">kontakt@photoolga.pl<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"po-footer-bottom\">\n <p class=\"po-footer-copy\">\u00a9 2025 Photoolga \u2013 Olga Cie\u015blar. Wszelkie prawa zastrze\u017cone. \u00b7 <a href=\"#\">Polityka prywatno\u015bci<\/a><\/p>\n <div class=\"po-footer-socials\">\n <a href=\"#\" class=\"po-footer-social\" aria-label=\"Instagram\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n <\/a>\n <a href=\"#\" class=\"po-footer-social\" aria-label=\"Facebook\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><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=\"#\" class=\"po-footer-social\" aria-label=\"LinkedIn\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n(function() {\n 'use strict';\n\n \/* \u2500\u2500 Mobile nav \u2500\u2500 *\/\n var burger = document.getElementById('poBurger');\n var mNav = document.getElementById('poMobileNav');\n\n function poCloseNav() { mNav.classList.remove('open'); }\n window.poCloseNav = poCloseNav;\n\n burger.addEventListener('click', function(e) {\n e.stopPropagation();\n mNav.classList.toggle('open');\n });\n document.addEventListener('click', function(e) {\n if (!burger.contains(e.target) && !mNav.contains(e.target)) poCloseNav();\n });\n\n \/* \u2500\u2500 Lightbox \u2500\u2500 *\/\n var LB_IMGS = [\n 'https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/191_1822.jpg-scaled.webp',\n 'https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/1DSC01699.jpg-scaled.webp',\n 'https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/32__DCP1591.jpg-scaled.webp',\n 'https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/DSC_1606.jpg-scaled.webp',\n 'https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/20DSC_1495.jpg.webp',\n 'https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/5DSC_2937-768x512.jpg.webp'\n ];\n\n var cur = 0;\n var lb = document.getElementById('poLb');\n var lbImg = document.getElementById('poLbImg');\n var lbCnt = document.getElementById('poLbCounter');\n var isOpen = false;\n\n function lbGo(idx) {\n cur = ((idx % LB_IMGS.length) + LB_IMGS.length) % LB_IMGS.length;\n lbImg.src = LB_IMGS[cur];\n lbCnt.textContent = (cur + 1) + ' \/ ' + LB_IMGS.length;\n }\n\n function lbOpen(idx) {\n lbGo(idx);\n lb.classList.add('is-open');\n document.body.style.overflow = 'hidden';\n isOpen = true;\n lb.focus();\n }\n\n function lbClose() {\n lb.classList.remove('is-open');\n document.body.style.overflow = '';\n isOpen = false;\n lbImg.src = '';\n }\n\n \/* Bind portfolio thumbnails *\/\n var thumbs = document.querySelectorAll('.po-pi[data-lb]');\n for (var i = 0; i < thumbs.length; i++) {\n (function(el) {\n var idx = parseInt(el.getAttribute('data-lb'), 10);\n el.addEventListener('click', function() { lbOpen(idx); });\n el.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); lbOpen(idx); }\n });\n })(thumbs[i]);\n }\n\n \/* Lightbox controls *\/\n document.getElementById('poLbClose').addEventListener('click', lbClose);\n document.getElementById('poLbNext').addEventListener('click', function() { lbGo(cur + 1); });\n document.getElementById('poLbPrev').addEventListener('click', function() { lbGo(cur - 1); });\n\n \/* Click backdrop to close *\/\n lb.addEventListener('click', function(e) {\n if (e.target === lb || e.target.classList.contains('po-lb-stage')) lbClose();\n });\n\n \/* Keyboard nav *\/\n document.addEventListener('keydown', function(e) {\n if (!isOpen) return;\n if (e.key === 'Escape') { lbClose(); }\n if (e.key === 'ArrowRight') { lbGo(cur + 1); }\n if (e.key === 'ArrowLeft') { lbGo(cur - 1); }\n });\n\n \/* Touch swipe *\/\n var touchX = null;\n lb.addEventListener('touchstart', function(e) {\n touchX = e.touches[0].clientX;\n }, { passive: true });\n lb.addEventListener('touchend', function(e) {\n if (touchX === null) return;\n var diff = touchX - e.changedTouches[0].clientX;\n if (Math.abs(diff) > 40) { lbGo(diff > 0 ? cur + 1 : cur - 1); }\n touchX = null;\n }, { passive: true });\n\n})();\n<\/script>\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Photoolga \u2013 Fotografia Eventowa Photoolga O mnie Oferta Portfolio Opinie Kontakt O mnie Oferta Portfolio Opinie Skontaktuj si\u0119 Fotografia Eventowa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"ocieslar","author_link":"https:\/\/photoolga.pl\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Photoolga \u2013 Fotografia Eventowa Photoolga O mnie Oferta Portfolio Opinie Kontakt O mnie Oferta Portfolio Opinie Skontaktuj si\u0119 Fotografia Eventowa […]","_links":{"self":[{"href":"https:\/\/photoolga.pl\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/photoolga.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/photoolga.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/photoolga.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/photoolga.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":22,"href":"https:\/\/photoolga.pl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":48,"href":"https:\/\/photoolga.pl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/48"}],"wp:attachment":[{"href":"https:\/\/photoolga.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\n\nPhotoolga \u2013 Fotografia Eventowa<\/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=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\nbody { font-family: 'DM Sans', sans-serif; background: #fff; color: #1a0a0a; overflow-x: hidden; }\nimg { display: block; width: 100%; }\na { text-decoration: none; color: inherit; }\n\n:root {\n --bordo: #6B1A2A;\n --bordo-dark: #4a1019;\n --bordo-light: #8f2e42;\n --bordo-pale: #f5e9eb;\n --cream: #faf7f4;\n --white: #ffffff;\n --text-dark: #1a0a0a;\n --text-mid: #5a3a3a;\n --text-muted: #9a7a7a;\n --border: rgba(107,26,42,0.15);\n --section-pad: 90px;\n}\n\nh1, h2, h3, h4 { font-family: 'Cormorant Garamond', serif; line-height: 1.1; letter-spacing: -0.5px; }\n\n\/* HEADER *\/\n.po-header { position: fixed; top: 0; left: 0; right: 0; z-index: 500; background: rgba(255,255,255,0.97); border-bottom: 1px solid var(--border); backdrop-filter: blur(8px); }\n.po-header-inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; height: 72px; }\n.po-logo { font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 700; color: var(--bordo); letter-spacing: 1px; }\n.po-logo span { color: var(--text-dark); font-weight: 400; font-style: italic; }\n.po-nav { display: flex; align-items: center; gap: 36px; list-style: none; }\n.po-nav a { font-size: 14px; font-weight: 500; color: var(--text-mid); letter-spacing: 0.5px; transition: color 0.2s; text-transform: uppercase; }\n.po-nav a:hover { color: var(--bordo); }\n.po-nav-cta { background: var(--bordo); color: var(--white) !important; padding: 10px 22px !important; border-radius: 3px; }\n.po-nav-cta:hover { background: var(--bordo-dark) !important; }\n.po-burger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: none; border: none; }\n.po-burger span { display: block; width: 24px; height: 2px; background: var(--bordo); border-radius: 2px; transition: all 0.3s; }\n.po-mobile-nav { display: none; position: fixed; top: 72px; left: 0; right: 0; z-index: 499; background: var(--white); border-bottom: 1px solid var(--border); padding: 20px 24px; flex-direction: column; gap: 18px; }\n.po-mobile-nav.open { display: flex; }\n.po-mobile-nav a { font-size: 16px; font-weight: 500; color: var(--text-mid); text-transform: uppercase; letter-spacing: 0.5px; }\n.po-mobile-nav a:hover { color: var(--bordo); }\n.po-mobile-cta { display: inline-block !important; margin-top: 6px; color: var(--white) !important; padding: 12px 22px !important; border-radius: 3px; background: var(--bordo); }\n\n\/* HERO *\/\n.po-hero { position: relative; width: 100%; min-height: 100vh; display: flex; align-items: center; background: #1a0a0a; background-image: url('https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/DSC9126.jpg.webp'); background-size: cover; background-position: center 30%; padding-top: 72px; }\n.po-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg, rgba(10,3,3,0.90) 0%, rgba(10,3,3,0.68) 55%, rgba(10,3,3,0.42) 100%); }\n.po-hero::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.30); }\n.po-hero-inner { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 80px 24px 150px; }\n.po-hero-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; color: rgba(255,255,255,0.6); margin-bottom: 24px; }\n.po-hero-eyebrow::before { content: ''; display: block; width: 36px; height: 1px; background: var(--bordo-light); }\n.po-hero h1 { font-size: clamp(48px, 7vw, 92px); color: var(--white); font-weight: 700; line-height: 1.0; max-width: 680px; margin-bottom: 28px; }\n.po-hero h1 em { font-style: italic; color: #c8818f; }\n.po-hero-desc { font-size: 17px; color: rgba(255,255,255,0.82); max-width: 460px; line-height: 1.75; margin-bottom: 44px; }\n.po-hero-btns { display: flex; gap: 16px; flex-wrap: wrap; }\n.po-hero-stats { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 0 24px 40px; display: flex; gap: 48px; }\n.po-stat-num { font-family: 'Cormorant Garamond', serif; font-size: 40px; font-weight: 700; color: var(--white); line-height: 1; display: block; }\n.po-stat-label { font-size: 12px; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 1.5px; margin-top: 4px; display: block; }\n\n\/* BUTTONS *\/\n.po-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 32px; border-radius: 3px; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; transition: all 0.25s; letter-spacing: 0.3px; border: none; cursor: pointer; }\n.po-btn-primary { background: var(--bordo); color: var(--white); }\n.po-btn-primary:hover { background: var(--bordo-light); transform: translateY(-2px); color: var(--white); }\n.po-btn-outline { background: transparent; border: 1px solid rgba(255,255,255,0.4); color: var(--white); }\n.po-btn-outline:hover { border-color: var(--white); background: rgba(255,255,255,0.08); color: var(--white); }\n\n\/* SHARED *\/\n.po-section { padding: var(--section-pad) 0; }\n.po-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n.po-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; color: var(--bordo); margin-bottom: 16px; }\n.po-eyebrow::before { content: ''; display: block; width: 28px; height: 1px; background: var(--bordo); }\n.po-section-title { font-size: clamp(34px, 4.5vw, 58px); font-weight: 700; color: var(--text-dark); margin-bottom: 20px; }\n.po-section-title em { font-style: italic; color: var(--bordo); }\n\n\/* O MNIE *\/\n.po-about { background: var(--cream); }\n.po-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n.po-about-img-wrap { position: relative; }\n.po-about-img { width: 100%; aspect-ratio: 4\/5; object-fit: cover; border-radius: 2px; display: block; }\n.po-about-badge { position: absolute; bottom: -24px; right: -24px; background: var(--bordo); color: var(--white); padding: 28px; border-radius: 2px; text-align: center; min-width: 120px; }\n.po-about-badge-num { font-family: 'Cormorant Garamond', serif; font-size: 48px; font-weight: 700; line-height: 1; display: block; }\n.po-about-badge-label { font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; opacity: 0.8; margin-top: 4px; display: block; }\n.po-about-content { padding-right: 20px; }\n.po-about-quote { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-style: italic; color: var(--bordo); border-left: 3px solid var(--bordo); padding-left: 20px; margin: 28px 0; line-height: 1.5; }\n.po-about-text { font-size: 16px; color: var(--text-mid); line-height: 1.8; margin-bottom: 16px; }\n\n\/* OFERTA *\/\n.po-offer { background: var(--white); }\n.po-offer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin-top: 60px; background: var(--border); }\n.po-offer-card { background: var(--white); padding: 44px 36px; transition: background 0.3s; }\n.po-offer-card:hover { background: var(--bordo-pale); }\n.po-offer-num { font-family: 'Cormorant Garamond', serif; font-size: 64px; font-weight: 700; color: var(--border); line-height: 1; margin-bottom: 20px; }\n.po-offer-icon { width: 40px; height: 40px; border: 1px solid var(--bordo); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 28px; }\n.po-offer-icon svg { width: 18px; height: 18px; stroke: var(--bordo); fill: none; stroke-width: 1.5; }\n.po-offer-title { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 700; color: var(--text-dark); margin-bottom: 14px; line-height: 1.2; }\n.po-offer-desc { font-size: 15px; color: var(--text-mid); line-height: 1.7; }\n\n\/* PORTFOLIO *\/\n.po-portfolio { background: var(--cream); }\n.po-portfolio-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 48px; gap: 24px; }\n.po-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: 260px 260px; gap: 10px; }\n.po-pi { overflow: hidden; border-radius: 2px; background: #c4a8ad; position: relative; cursor: pointer; }\n.po-pi img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }\n.po-pi:hover img { transform: scale(1.04); }\n.po-pi::after { content: ''; position: absolute; inset: 0; background: rgba(107,26,42,0); transition: background 0.3s; pointer-events: none; }\n.po-pi:hover::after { background: rgba(107,26,42,0.20); }\n.po-pi-zoom { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.7); z-index: 2; width: 52px; height: 52px; border-radius: 50%; background: rgba(255,255,255,0.12); border: 1.5px solid rgba(255,255,255,0.6); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s, transform 0.3s; pointer-events: none; }\n.po-pi-zoom svg { width: 22px; height: 22px; stroke: #fff; fill: none; stroke-width: 1.5; }\n.po-pi:hover .po-pi-zoom { opacity: 1; transform: translate(-50%,-50%) scale(1); }\n\/* Mosaic: zdj\u0119cie 1 zajmuje 7 kol i 2 rz\u0119dy, pozosta\u0142e wype\u0142niaj\u0105 praw\u0105 stron\u0119 *\/\n.po-pi-1 { grid-column: span 7; grid-row: span 2; }\n.po-pi-2 { grid-column: span 5; }\n.po-pi-3 { grid-column: span 5; }\n.po-pi-4 { grid-column: span 4; }\n.po-pi-5 { grid-column: span 4; }\n.po-pi-6 { grid-column: span 4; }\n\n\/* LIGHTBOX \u2014 kluczowe: position:fixed dzia\u0142a tylko gdy nie jest wewn\u0105trz transformed\/filtered rodzica *\/\n.po-lb {\n display: none;\n position: fixed !important;\n top: 0 !important; left: 0 !important;\n width: 100% !important; height: 100% !important;\n z-index: 2147483647 !important;\n background: rgba(8,2,2,0.97);\n align-items: center;\n justify-content: center;\n flex-direction: row;\n}\n.po-lb.is-open { display: flex; }\n.po-lb-stage { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 64px 72px; }\n.po-lb-stage img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 2px; display: block; width: auto; height: auto; }\n\n\/* POPRAWKI IKON LIGHTBOXA: zmienione z fixed na absolute (wzgl\u0119dem okna lb), dodane padding:0 i flex-shrink:0 *\/\n.po-lb-close { position: absolute; top: 16px; right: 18px; z-index: 10; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.25); color: #fff; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s; padding: 0; flex-shrink: 0; }\n.po-lb-close:hover { background: var(--bordo); border-color: var(--bordo); }\n\n.po-lb-prev, .po-lb-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 50px; height: 50px; border-radius: 50%; background: rgba(255,255,255,0.09); border: 1px solid rgba(255,255,255,0.22); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s; padding: 0; flex-shrink: 0; }\n.po-lb-prev { left: 14px; }\n.po-lb-next { right: 14px; }\n.po-lb-prev:hover, .po-lb-next:hover { background: var(--bordo); border-color: var(--bordo); }\n.po-lb-prev svg, .po-lb-next svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n\n.po-lb-counter { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); font-size: 13px; color: rgba(255,255,255,0.4); letter-spacing: 1px; white-space: nowrap; z-index: 10; }\n\n\/* CTA *\/\n.po-cta { position: relative; width: 100%; padding: 100px 0; background: #1a0a0a; background-size: cover; background-position: center 30%; }\n.po-cta::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(107,26,42,0.88) 0%, rgba(26,10,10,0.65) 100%); }\n.po-cta-inner { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }\n.po-cta-left { max-width: 620px; }\n.po-cta-eyebrow { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; color: rgba(255,255,255,0.5); margin-bottom: 14px; }\n.po-cta-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(34px, 4vw, 52px); line-height: 1.05; margin: 0 0 18px; font-weight: 700; color: #fff; }\n.po-cta-sub { font-size: 16px; color: rgba(255,255,255,0.80); line-height: 1.7; margin: 0; }\n.po-cta-btn-wrap { flex-shrink: 0; }\n.po-cta-btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 36px; background: #fff; color: var(--bordo); font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; border-radius: 3px; white-space: nowrap; transition: all 0.3s; }\n.po-cta-btn:hover { background: var(--bordo-pale); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(107,26,42,0.35); color: var(--bordo); }\n\n\/* OPINIE *\/\n.po-reviews { background: var(--white); }\n.po-reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }\n.po-review-card { border: 1px solid var(--border); padding: 36px 30px; border-radius: 2px; transition: border-color 0.2s, box-shadow 0.2s; }\n.po-review-card:hover { border-color: var(--bordo); box-shadow: 0 8px 32px rgba(107,26,42,0.08); }\n.po-review-stars { color: var(--bordo); font-size: 18px; margin-bottom: 18px; letter-spacing: 2px; }\n.po-review-text { font-family: 'Cormorant Garamond', serif; font-size: 19px; font-style: italic; color: var(--text-dark); line-height: 1.6; margin-bottom: 24px; }\n.po-review-author { display: flex; align-items: center; gap: 12px; }\n.po-review-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--bordo-pale); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; color: var(--bordo); flex-shrink: 0; }\n.po-review-name { font-weight: 600; font-size: 14px; color: var(--text-dark); }\n.po-review-role { font-size: 12px; color: var(--text-muted); }\n\n\/* KONTAKT *\/\n.po-contact { background: var(--bordo-dark); padding: var(--section-pad) 0; }\n.po-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }\n.po-contact-eyebrow { color: rgba(255,255,255,0.55) !important; }\n.po-contact-eyebrow::before { background: rgba(255,255,255,0.4) !important; }\n.po-contact-title { color: var(--white) !important; }\n.po-contact-desc { color: rgba(255,255,255,0.7); font-size: 16px; line-height: 1.8; max-width: 400px; }\n.po-contact-details { margin-top: 40px; display: flex; flex-direction: column; gap: 20px; }\n.po-contact-item { display: flex; align-items: center; gap: 16px; }\n.po-contact-icon { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.po-contact-icon svg { width: 18px; height: 18px; stroke: rgba(255,255,255,0.75); fill: none; stroke-width: 1.5; }\n.po-contact-label { font-size: 12px; color: rgba(255,255,255,0.45); text-transform: uppercase; letter-spacing: 1px; }\n.po-contact-val { font-size: 16px; color: var(--white); font-weight: 500; margin-top: 2px; }\n.po-form-wrap { background: var(--white); padding: 48px 40px; border-radius: 2px; }\n.po-form-title { font-family: 'Cormorant Garamond', serif; font-size: 30px; font-weight: 700; color: var(--text-dark); margin-bottom: 32px; }\n.po-form-group { margin-bottom: 20px; }\n.po-form-group label { display: block; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); margin-bottom: 8px; }\n.po-form-group input, .po-form-group textarea, .po-form-group select { width: 100%; padding: 12px 16px; border: 1px solid var(--border); border-radius: 2px; font-family: 'DM Sans', sans-serif; font-size: 15px; color: var(--text-dark); background: #fafafa; transition: border-color 0.2s; outline: none; }\n.po-form-group input:focus, .po-form-group textarea:focus, .po-form-group select:focus { border-color: var(--bordo); background: var(--white); }\n.po-form-group textarea { min-height: 120px; resize: vertical; }\n.po-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.po-form-submit { width: 100%; padding: 15px; background: var(--bordo); color: var(--white); border: none; border-radius: 2px; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; cursor: pointer; transition: background 0.2s, transform 0.2s; margin-top: 8px; }\n.po-form-submit:hover { background: var(--bordo-light); transform: translateY(-1px); }\n\n\/* FOOTER *\/\n.po-footer { background: #0e0608; padding: 60px 0 32px; }\n.po-footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.08); }\n.po-footer-logo { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 700; color: #8f2e42; letter-spacing: 1px; margin-bottom: 16px; display: block; }\n.po-footer-logo span { color: rgba(255,255,255,0.6); font-weight: 400; font-style: italic; }\n.po-footer-desc { font-size: 14px; color: rgba(255,255,255,0.45); line-height: 1.8; max-width: 280px; }\n.po-footer-col h4 { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255,0.4); margin-bottom: 20px; }\n.po-footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n.po-footer-col ul a { font-size: 14px; color: rgba(255,255,255,0.6); transition: color 0.2s; }\n.po-footer-col ul a:hover { color: var(--white); }\n.po-footer-bottom { padding-top: 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }\n.po-footer-copy { font-size: 13px; color: rgba(255,255,255,0.35); }\n.po-footer-copy a { color: rgba(255,255,255,0.5); transition: color 0.2s; }\n.po-footer-copy a:hover { color: var(--white); }\n.po-footer-socials { display: flex; gap: 14px; }\n.po-footer-social { width: 36px; height: 36px; border: 1px solid rgba(255,255,255,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.5); transition: all 0.2s; }\n.po-footer-social:hover { border-color: var(--bordo); color: var(--white); background: var(--bordo); }\n\n\/* RESPONSIVE 1024 *\/\n@media (max-width: 1024px) {\n :root { --section-pad: 70px; }\n .po-about-grid { gap: 48px; }\n .po-offer-grid { grid-template-columns: repeat(2, 1fr); }\n .po-reviews-grid { grid-template-columns: repeat(2, 1fr); }\n .po-footer-top { grid-template-columns: 1fr 1fr; }\n .po-footer-brand { grid-column: span 2; }\n .po-grid { grid-template-rows: auto; }\n .po-pi-1 { grid-column: span 12; grid-row: span 1; min-height: 280px; }\n .po-pi-2, .po-pi-3 { grid-column: span 6; grid-row: span 1; min-height: 200px; }\n .po-pi-4, .po-pi-5, .po-pi-6 { grid-column: span 4; grid-row: span 1; min-height: 180px; }\n}\n\n\/* RESPONSIVE 768 *\/\n@media (max-width: 768px) {\n :root { --section-pad: 56px; }\n .po-nav { display: none; }\n .po-burger { display: flex; }\n\n .po-hero-inner { padding: 60px 20px 130px; }\n .po-hero-desc { font-size: 15px; }\n .po-hero-stats { gap: 24px; padding: 0 20px 28px; flex-wrap: wrap; }\n .po-stat-num { font-size: 32px; }\n\n .po-about-grid { grid-template-columns: 1fr; gap: 60px; }\n .po-about-content { padding-right: 0; }\n .po-about-badge { right: 0; bottom: -20px; }\n\n .po-offer-grid { grid-template-columns: 1fr; }\n\n .po-portfolio-header { flex-direction: column; align-items: flex-start; gap: 16px; }\n .po-grid { grid-template-rows: auto; }\n .po-pi-1 { grid-column: span 12; grid-row: span 1; min-height: 260px; }\n .po-pi-2, .po-pi-3 { grid-column: span 6; grid-row: span 1; min-height: 200px; }\n .po-pi-4, .po-pi-5, .po-pi-6 { grid-column: span 6; grid-row: span 1; min-height: 200px; }\n\n .po-lb-stage { padding: 56px 54px; }\n .po-lb-prev { left: 12px; }\n .po-lb-next { right: 12px; }\n\n .po-cta-inner { flex-direction: column; text-align: center; gap: 32px; }\n .po-cta::before { background: rgba(107,26,42,0.80); }\n .po-cta-btn-wrap { width: 100%; }\n .po-cta-btn { width: 100%; }\n\n .po-reviews-grid { grid-template-columns: 1fr; gap: 16px; }\n\n .po-contact-grid { grid-template-columns: 1fr; gap: 48px; }\n .po-form-wrap { padding: 32px 20px; }\n .po-form-row { grid-template-columns: 1fr; }\n\n .po-footer-top { grid-template-columns: 1fr; gap: 36px; }\n .po-footer-brand { grid-column: auto !important; }\n .po-footer-bottom { flex-direction: column; align-items: flex-start; gap: 16px; }\n}\n\n\/* RESPONSIVE 480 *\/\n@media (max-width: 480px) {\n .po-hero h1 { font-size: 40px; }\n .po-hero-btns { flex-direction: column; }\n .po-hero-btns .po-btn { width: 100%; }\n .po-hero-stats { gap: 16px; }\n .po-stat-num { font-size: 26px; }\n .po-stat-label { font-size: 10px; }\n\n .po-section-title { font-size: 32px; }\n\n .po-grid { grid-template-rows: auto; }\n .po-pi-1, .po-pi-2, .po-pi-3, .po-pi-4, .po-pi-5, .po-pi-6 { grid-column: span 12; grid-row: span 1; min-height: 220px; }\n .po-pi img { min-height: 220px !important; }\n\n .po-lb-stage { padding: 50px 8px; }\n \/* Poprawione marginesy oraz wielko\u015b\u0107 strza\u0142ek pod urz\u0105dzenia mobilne dla pewno\u015bci okr\u0105g\u0142o\u015bci *\/\n .po-lb-prev { left: 8px; width: 44px; height: 44px; }\n .po-lb-next { right: 8px; width: 44px; height: 44px; }\n\n .po-cta-title { font-size: 30px; }\n .po-about-badge { padding: 20px; }\n .po-about-badge-num { font-size: 36px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<header class=\"po-header\">\n <div class=\"po-header-inner\">\n <a href=\"#\" class=\"po-logo\">Photo<span>olga<\/span><\/a>\n <nav><ul class=\"po-nav\">\n <li><a href=\"#o-mnie\">O mnie<\/a><\/li>\n <li><a href=\"#oferta\">Oferta<\/a><\/li>\n <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\n <li><a href=\"#opinie\">Opinie<\/a><\/li>\n <li><a href=\"#kontakt\" class=\"po-nav-cta\">Kontakt<\/a><\/li>\n <\/ul><\/nav>\n <button class=\"po-burger\" id=\"poBurger\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\n <\/div>\n <nav class=\"po-mobile-nav\" id=\"poMobileNav\">\n <a href=\"#o-mnie\" onclick=\"poCloseNav()\">O mnie<\/a>\n <a href=\"#oferta\" onclick=\"poCloseNav()\">Oferta<\/a>\n <a href=\"#portfolio\" onclick=\"poCloseNav()\">Portfolio<\/a>\n <a href=\"#opinie\" onclick=\"poCloseNav()\">Opinie<\/a>\n <a href=\"#kontakt\" class=\"po-mobile-cta\" onclick=\"poCloseNav()\">Skontaktuj si\u0119<\/a>\n <\/nav>\n<\/header>\n\n<section class=\"po-hero\" id=\"hero\">\n <div class=\"po-hero-inner\">\n <div class=\"po-hero-eyebrow\">Fotografia Eventowa<\/div>\n <h1>Tw\u00f3j event,<br><em>uchwycony<\/em><br>na zawsze.<\/h1>\n <p class=\"po-hero-desc\">Specjalizuj\u0119 si\u0119 w fotografii eventowej \u2014 od konferencji i gal, po eventy firmowe i imprezy kulturalne. Ka\u017cde zdj\u0119cie to historia, kt\u00f3r\u0105 warto zatrzyma\u0107.<\/p>\n <div class=\"po-hero-btns\">\n <a href=\"#portfolio\" class=\"po-btn po-btn-primary\">Zobacz portfolio<\/a>\n <a href=\"#kontakt\" class=\"po-btn po-btn-outline\">Zapytaj o termin<\/a>\n <\/div>\n <\/div>\n <div class=\"po-hero-stats\">\n <div><span class=\"po-stat-num\">8+<\/span><span class=\"po-stat-label\">lat do\u015bwiadczenia<\/span><\/div>\n <div><span class=\"po-stat-num\">300+<\/span><span class=\"po-stat-label\">sfotografowanych event\u00f3w<\/span><\/div>\n <div><span class=\"po-stat-num\">100%<\/span><span class=\"po-stat-label\">zadowolonych klient\u00f3w<\/span><\/div>\n <\/div>\n<\/section>\n\n<section class=\"po-section po-about\" id=\"o-mnie\">\n <div class=\"po-container\">\n <div class=\"po-about-grid\">\n <div class=\"po-about-img-wrap\">\n <img decoding=\"async\" class=\"po-about-img\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/Projekt-bez-nazwy-4.png.webp\" alt=\"Olga Cie\u015blar \u2013 fotograf eventowy\">\n <div class=\"po-about-badge\">\n <span class=\"po-about-badge-num\">8+<\/span>\n <span class=\"po-about-badge-label\">lat w bran\u017cy<\/span>\n <\/div>\n <\/div>\n <div class=\"po-about-content\">\n <div class=\"po-eyebrow\">O mnie<\/div>\n <h2 class=\"po-section-title\">Cze\u015b\u0107, jestem <em>Olga.<\/em><\/h2>\n <blockquote class=\"po-about-quote\">\u201eDobra fotografia eventowa to nie tylko techniczne zdj\u0119cia \u2014 to emocje zamkni\u0119te w kadrze.”<\/blockquote>\n <p class=\"po-about-text\">Od ponad 8 lat towarzysz\u0119 firmom, organizatorom i markom w dokumentowaniu ich najwa\u017cniejszych chwil. Fotografuj\u0119 konferencje, gale, targi, eventy firmowe oraz imprezy kulturalne \u2014 wsz\u0119dzie tam, gdzie dzieje si\u0119 co\u015b wartego zapami\u0119tania.<\/p>\n <p class=\"po-about-text\">Zale\u017cy mi na tym, by ka\u017cde zdj\u0119cie opowiada\u0142o prawdziw\u0105 histori\u0119. Pracuj\u0119 dyskretnie, ale zawsze we w\u0142a\u015bciwym momencie. Moim celem jest to, \u017ceby\u015b po otrzymaniu zdj\u0119\u0107 powiedzia\u0142: \u201eW\u0142a\u015bnie tak to wygl\u0105da\u0142o.”<\/p>\n <p class=\"po-about-text\">Dzia\u0142am na terenie ca\u0142ej Polski. Jestem elastyczna, punktualna i dostarczam gotowe zdj\u0119cia w uzgodnionym terminie \u2014 bez stresu i zb\u0119dnych komplikacji.<\/p>\n <a href=\"#kontakt\" class=\"po-btn po-btn-primary\" style=\"margin-top:32px;\">Poznajmy si\u0119 \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"po-section po-offer\" id=\"oferta\">\n <div class=\"po-container\">\n <div class=\"po-eyebrow\">Oferta<\/div>\n <h2 class=\"po-section-title\">Co <em>fotografuj\u0119<\/em><\/h2>\n <div class=\"po-offer-grid\">\n <div class=\"po-offer-card\">\n <div class=\"po-offer-num\">01<\/div>\n <div class=\"po-offer-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/><\/svg><\/div>\n <div class=\"po-offer-title\">Konferencje i szkolenia<\/div>\n <p class=\"po-offer-desc\">Dokumentacja prelegent\u00f3w, paneli dyskusyjnych, warsztat\u00f3w i kuluar\u00f3w. Zdj\u0119cia gotowe do u\u017cycia w materia\u0142ach prasowych i mediach spo\u0142eczno\u015bciowych.<\/p>\n <\/div>\n <div class=\"po-offer-card\">\n <div class=\"po-offer-num\">02<\/div>\n <div class=\"po-offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n <div class=\"po-offer-title\">Gale i uroczysto\u015bci<\/div>\n <p class=\"po-offer-desc\">Eleganckie eventy firmowe, gale wr\u0119czenia nagr\u00f3d, jubileusze i uroczyste kolacje. Fotografuj\u0119 atmosfer\u0119 i szczeg\u00f3\u0142y, kt\u00f3re tworz\u0105 wyj\u0105tkowy nastr\u00f3j.<\/p>\n <\/div>\n <div class=\"po-offer-card\">\n <div class=\"po-offer-num\">03<\/div>\n <div class=\"po-offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n <div class=\"po-offer-title\">Eventy firmowe<\/div>\n <p class=\"po-offer-desc\">Integracje, pikniki, imprezy \u015bwi\u0105teczne i launche produkt\u00f3w. Zdj\u0119cia, kt\u00f3re pokazuj\u0105 Tw\u00f3j zesp\u00f3\u0142 od najlepszej strony i buduj\u0105 wizerunek firmy.<\/p>\n <\/div>\n <div class=\"po-offer-card\">\n <div class=\"po-offer-num\">04<\/div>\n <div class=\"po-offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9,22 9,12 15,12 15,22\"\/><\/svg><\/div>\n <div class=\"po-offer-title\">Targi i wystawy<\/div>\n <p class=\"po-offer-desc\">Dokumentacja stoisk, produkt\u00f3w i interakcji z klientami. Zdj\u0119cia do raport\u00f3w, prezentacji i kampanii marketingowych.<\/p>\n <\/div>\n <div class=\"po-offer-card\">\n <div class=\"po-offer-num\">05<\/div>\n <div class=\"po-offer-icon\"><svg viewBox=\"0 0 24 24\"><polygon points=\"23,7 16,12 23,17 23,7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/><\/svg><\/div>\n <div class=\"po-offer-title\">Eventy kulturalne<\/div>\n <p class=\"po-offer-desc\">Spektakle, koncerty, wernisa\u017ce, festiwale. Fotografuj\u0119 artyst\u00f3w i publiczno\u015b\u0107, chwytaj\u0105c autentyczne emocje i energi\u0119 wydarze\u0144 kulturalnych.<\/p>\n <\/div>\n <div class=\"po-offer-card\">\n <div class=\"po-offer-num\">06<\/div>\n <div class=\"po-offer-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg><\/div>\n <div class=\"po-offer-title\">Relacja na \u017cywo<\/div>\n <p class=\"po-offer-desc\">Szybkie dostarczanie zdj\u0119\u0107 podczas eventu \u2014 idealne do relacjonowania na Instagramie i LinkedInie w czasie rzeczywistym.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"po-section po-portfolio\" id=\"portfolio\">\n <div class=\"po-container\">\n <div class=\"po-portfolio-header\">\n <div>\n <div class=\"po-eyebrow\">Portfolio<\/div>\n <h2 class=\"po-section-title\">Wybrane <em>realizacje<\/em><\/h2>\n <\/div>\n <a href=\"#kontakt\" class=\"po-btn po-btn-primary\" style=\"flex-shrink:0;\">Zapytaj o wycen\u0119<\/a>\n <\/div>\n <div class=\"po-grid\">\n <div class=\"po-pi po-pi-1\" data-lb=\"0\" role=\"button\" tabindex=\"0\" aria-label=\"Otw\u00f3rz zdj\u0119cie 1\">\n <img decoding=\"async\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/191_1822.jpg-scaled.webp\" alt=\"Fotografia eventowa 1\">\n <div class=\"po-pi-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\n <\/div>\n <div class=\"po-pi po-pi-2\" data-lb=\"1\" role=\"button\" tabindex=\"0\" aria-label=\"Otw\u00f3rz zdj\u0119cie 2\">\n <img decoding=\"async\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/1DSC01699.jpg-scaled.webp\" alt=\"Fotografia eventowa 2\">\n <div class=\"po-pi-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\n <\/div>\n <div class=\"po-pi po-pi-3\" data-lb=\"2\" role=\"button\" tabindex=\"0\" aria-label=\"Otw\u00f3rz zdj\u0119cie 3\">\n <img decoding=\"async\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/32__DCP1591.jpg-scaled.webp\" alt=\"Fotografia eventowa 3\">\n <div class=\"po-pi-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\n <\/div>\n <div class=\"po-pi po-pi-4\" data-lb=\"3\" role=\"button\" tabindex=\"0\" aria-label=\"Otw\u00f3rz zdj\u0119cie 4\">\n <img decoding=\"async\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/DSC_1606.jpg-scaled.webp\" alt=\"Fotografia eventowa 4\">\n <div class=\"po-pi-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\n <\/div>\n <div class=\"po-pi po-pi-5\" data-lb=\"4\" role=\"button\" tabindex=\"0\" aria-label=\"Otw\u00f3rz zdj\u0119cie 5\">\n <img decoding=\"async\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/20DSC_1495.jpg.webp\" alt=\"Fotografia eventowa 5\">\n <div class=\"po-pi-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\n <\/div>\n <div class=\"po-pi po-pi-6\" data-lb=\"5\" role=\"button\" tabindex=\"0\" aria-label=\"Otw\u00f3rz zdj\u0119cie 6\">\n <img decoding=\"async\" src=\"https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/5DSC_2937-768x512.jpg.webp\" alt=\"Fotografia eventowa 6\">\n <div class=\"po-pi-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"po-lb\" id=\"poLb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Galeria zdj\u0119\u0107\">\n <button class=\"po-lb-close\" id=\"poLbClose\" aria-label=\"Zamknij\">✕<\/button>\n <button class=\"po-lb-prev\" id=\"poLbPrev\" aria-label=\"Poprzednie zdj\u0119cie\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15,18 9,12 15,6\"\/><\/svg>\n <\/button>\n <div class=\"po-lb-stage\">\n <img decoding=\"async\" id=\"poLbImg\" src=\"\" alt=\"Fotografia eventowa\">\n <\/div>\n <button class=\"po-lb-next\" id=\"poLbNext\" aria-label=\"Nast\u0119pne zdj\u0119cie\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9,18 15,12 9,6\"\/><\/svg>\n <\/button>\n <div class=\"po-lb-counter\" id=\"poLbCounter\"><\/div>\n<\/div>\n\n<div class=\"po-cta\" style=\"background-image:url('https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/199_DSC5482.jpg.webp');\">\n <div class=\"po-cta-inner\">\n <div class=\"po-cta-left\">\n <div class=\"po-cta-eyebrow\">Zarezerwuj termin<\/div>\n <h2 class=\"po-cta-title\">Tw\u00f3j event zas\u0142uguje na \u015bwietne zdj\u0119cia<\/h2>\n <p class=\"po-cta-sub\">Bez ukrytych koszt\u00f3w, bez stresu \u2014 tylko pe\u0142na profesjonalna obs\u0142uga fotograficzna. Napisz do mnie, a razem ustalimy szczeg\u00f3\u0142y i termin, kt\u00f3ry Ci odpowiada.<\/p>\n <\/div>\n <div class=\"po-cta-btn-wrap\">\n <a href=\"#kontakt\" class=\"po-cta-btn\">Skontaktuj si\u0119<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<section class=\"po-section po-reviews\" id=\"opinie\">\n <div class=\"po-container\">\n <div class=\"po-eyebrow\">Opinie<\/div>\n <h2 class=\"po-section-title\">Co m\u00f3wi\u0105 <em>klienci<\/em><\/h2>\n <div class=\"po-reviews-grid\">\n <div class=\"po-review-card\">\n <div class=\"po-review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"po-review-text\">\u201eOlga robi\u0142a zdj\u0119cia podczas naszego \u015blubu. By\u0142a z nami od przygotowa\u0144 do oczepin. Naturalna, profesjonalna, wyluzowana. By\u0142a wsz\u0119dzie, a jednocze\u015bnie nie by\u0142o jej pe\u0142no. Pierwsze zdj\u0119cia dostali\u015bmy w ci\u0105gu tygodnia.”<\/p>\n <div class=\"po-review-author\"><div class=\"po-review-avatar\">JK<\/div><div><div class=\"po-review-name\">Jakub Kuchnio<\/div><div class=\"po-review-role\">Lokalny przewodnik Google<\/div><\/div><\/div>\n <\/div>\n <div class=\"po-review-card\">\n <div class=\"po-review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"po-review-text\">\u201eSerdecznie polecam PHOTOOLGA. Zamawia\u0142am sesj\u0119 portretow\u0105, zdj\u0119cia do portfolio biznesowego, fotografie produktowe i zdj\u0119cia wn\u0119trz. Super jako\u015b\u0107, doskona\u0142y kontakt, pe\u0142en profesjonalizm!”<\/p>\n <div class=\"po-review-author\"><div class=\"po-review-avatar\">JS<\/div><div><div class=\"po-review-name\">Joanna Seroczy\u0144ska<\/div><div class=\"po-review-role\">Klientka<\/div><\/div><\/div>\n <\/div>\n <div class=\"po-review-card\">\n <div class=\"po-review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"po-review-text\">\u201eWsp\u00f3\u0142pracuj\u0119 z Olg\u0105 od wielu lat. Robi\u0142a dla nas zdj\u0119cia na uroczysto\u015bciach rodzinnych, a tak\u017ce fotografi\u0119 biznesow\u0105 i reklamow\u0105. Bardzo profesjonalna i dok\u0142adna. \u015awietne zdj\u0119cia w ruchu.”<\/p>\n <div class=\"po-review-author\"><div class=\"po-review-avatar\">EK<\/div><div><div class=\"po-review-name\">Ewelina Kuchnio<\/div><div class=\"po-review-role\">Sta\u0142a klientka<\/div><\/div><\/div>\n <\/div>\n <div class=\"po-review-card\">\n <div class=\"po-review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"po-review-text\">\u201eZ Olg\u0105 wsp\u00f3\u0142pracujemy od blisko 20 lat. \u015awietny fotograf \u2014 nie tylko sportowy. Doskona\u0142e oko, kt\u00f3re potrafi wychwyci\u0107 dynamik\u0119 ruchu, fajny kadr i emocje chwili. Serdecznie polecamy!”<\/p>\n <div class=\"po-review-author\"><div class=\"po-review-avatar\">KS<\/div><div><div class=\"po-review-name\">KSW Kyokushin<\/div><div class=\"po-review-role\">Klub sportowy, sta\u0142y klient<\/div><\/div><\/div>\n <\/div>\n <div class=\"po-review-card\">\n <div class=\"po-review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"po-review-text\">\u201eOlga fotografowa\u0142a nasz\u0105 czteromiesi\u0119czn\u0105 c\u00f3rk\u0119. Dzi\u0119ki cierpliwo\u015bci i ciep\u0142emu podej\u015bciu c\u00f3rka bawi\u0142a si\u0119 doskonale, a my nawet nie zauwa\u017cyli\u015bmy, kiedy min\u0105\u0142 dzie\u0144 zdj\u0119ciowy. Polecam gor\u0105co!”<\/p>\n <div class=\"po-review-author\"><div class=\"po-review-avatar\">JK<\/div><div><div class=\"po-review-name\">Joanna Ko\u0142akowska<\/div><div class=\"po-review-role\">Klientka<\/div><\/div><\/div>\n <\/div>\n <div class=\"po-review-card\">\n <div class=\"po-review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"po-review-text\">\u201eOlga to jedna z najlepszych fotografek jakie znam. Ma to co\u015b, co pozwala jej uchwyci\u0107 moment nie tylko okiem, ale te\u017c sercem i dusz\u0105. Otwarta, konkretna, rzetelna i godna zaufania.”<\/p>\n <div class=\"po-review-author\"><div class=\"po-review-avatar\">Ad<\/div><div><div class=\"po-review-name\">Aleksandra de la Cruz<\/div><div class=\"po-review-role\">Klientka<\/div><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"po-contact\" id=\"kontakt\">\n <div class=\"po-container\">\n <div class=\"po-contact-grid\">\n <div>\n <div class=\"po-eyebrow po-contact-eyebrow\">Kontakt<\/div>\n <h2 class=\"po-section-title po-contact-title\">Porozmawiajmy<br>o Twoim <em style=\"color:#c8818f;\">evencie<\/em><\/h2>\n <p class=\"po-contact-desc\">Masz pytania? Chcesz sprawdzi\u0107 dost\u0119pno\u015b\u0107 terminu? Napisz lub zadzwo\u0144 \u2014 odpisz\u0119 najszybciej jak to mo\u017cliwe.<\/p>\n <div class=\"po-contact-details\">\n <div class=\"po-contact-item\">\n <div class=\"po-contact-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.63 3.47 2 2 0 0 1 3.59 1.25h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.13 6.13l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\n <div><div class=\"po-contact-label\">Telefon<\/div><div class=\"po-contact-val\"><a href=\"tel:797838336\" style=\"color:inherit;\">797 838 336<\/a><\/div><\/div>\n <\/div>\n <div class=\"po-contact-item\">\n <div class=\"po-contact-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\n <div><div class=\"po-contact-label\">E-mail<\/div><div class=\"po-contact-val\"><a href=\"mailto:kontakt@photoolga.pl\" style=\"color:inherit;\">kontakt@photoolga.pl<\/a><\/div><\/div>\n <\/div>\n <div class=\"po-contact-item\">\n <div class=\"po-contact-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg><\/div>\n <div><div class=\"po-contact-label\">Czas odpowiedzi<\/div><div class=\"po-contact-val\">Do 24 godzin roboczych<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"po-form-wrap\">\n <div class=\"po-form-title\">Napisz do mnie<\/div>\n <form>\n <div class=\"po-form-row\">\n <div class=\"po-form-group\"><label for=\"fn\">Imi\u0119 i nazwisko<\/label><input type=\"text\" id=\"fn\" placeholder=\"Jan Kowalski\"><\/div>\n <div class=\"po-form-group\"><label for=\"fe\">Adres e-mail<\/label><input type=\"email\" id=\"fe\" placeholder=\"jan@firma.pl\"><\/div>\n <\/div>\n <div class=\"po-form-group\"><label for=\"fp\">Telefon (opcjonalnie)<\/label><input type=\"tel\" id=\"fp\" placeholder=\"+48 000 000 000\"><\/div>\n <div class=\"po-form-group\">\n <label for=\"fev\">Rodzaj eventu<\/label>\n <select id=\"fev\">\n <option value=\"\">Wybierz rodzaj eventu…<\/option>\n <option>Konferencja \/ szkolenie<\/option>\n <option>Gala \/ uroczysto\u015b\u0107<\/option>\n <option>Event firmowy<\/option>\n <option>Targi \/ wystawa<\/option>\n <option>Event kulturalny<\/option>\n <option>Inne<\/option>\n <\/select>\n <\/div>\n <div class=\"po-form-group\"><label for=\"fm\">Wiadomo\u015b\u0107<\/label><textarea id=\"fm\" placeholder=\"Opisz sw\u00f3j event \u2014 data, miejsce, liczba go\u015bci, czego potrzebujesz...\"><\/textarea><\/div>\n <button type=\"submit\" class=\"po-form-submit\">Wy\u015blij zapytanie \u2192<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer class=\"po-footer\">\n <div class=\"po-container\">\n <div class=\"po-footer-top\">\n <div class=\"po-footer-brand\">\n <a href=\"#\" class=\"po-footer-logo\">Photo<span>olga<\/span><\/a>\n <p class=\"po-footer-desc\">Fotografia eventowa, kt\u00f3ra opowiada histori\u0119 Twojego wydarzenia. Profesjonalnie, dyskretnie i z pasj\u0105.<\/p>\n <\/div>\n <div class=\"po-footer-col\">\n <h4>Nawigacja<\/h4>\n <ul>\n <li><a href=\"#o-mnie\">O mnie<\/a><\/li>\n <li><a href=\"#oferta\">Oferta<\/a><\/li>\n <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\n <li><a href=\"#opinie\">Opinie<\/a><\/li>\n <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"po-footer-col\">\n <h4>Kontakt<\/h4>\n <ul>\n <li><a href=\"tel:797838336\">797 838 336<\/a><\/li>\n <li><a href=\"mailto:kontakt@photoolga.pl\">kontakt@photoolga.pl<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"po-footer-bottom\">\n <p class=\"po-footer-copy\">\u00a9 2025 Photoolga \u2013 Olga Cie\u015blar. Wszelkie prawa zastrze\u017cone. \u00b7 <a href=\"#\">Polityka prywatno\u015bci<\/a><\/p>\n <div class=\"po-footer-socials\">\n <a href=\"#\" class=\"po-footer-social\" aria-label=\"Instagram\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n <\/a>\n <a href=\"#\" class=\"po-footer-social\" aria-label=\"Facebook\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><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=\"#\" class=\"po-footer-social\" aria-label=\"LinkedIn\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n(function() {\n 'use strict';\n\n \/* \u2500\u2500 Mobile nav \u2500\u2500 *\/\n var burger = document.getElementById('poBurger');\n var mNav = document.getElementById('poMobileNav');\n\n function poCloseNav() { mNav.classList.remove('open'); }\n window.poCloseNav = poCloseNav;\n\n burger.addEventListener('click', function(e) {\n e.stopPropagation();\n mNav.classList.toggle('open');\n });\n document.addEventListener('click', function(e) {\n if (!burger.contains(e.target) && !mNav.contains(e.target)) poCloseNav();\n });\n\n \/* \u2500\u2500 Lightbox \u2500\u2500 *\/\n var LB_IMGS = [\n 'https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/191_1822.jpg-scaled.webp',\n 'https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/1DSC01699.jpg-scaled.webp',\n 'https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/32__DCP1591.jpg-scaled.webp',\n 'https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/DSC_1606.jpg-scaled.webp',\n 'https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/20DSC_1495.jpg.webp',\n 'https:\/\/photoolga.pl\/wp-content\/uploads\/2026\/04\/5DSC_2937-768x512.jpg.webp'\n ];\n\n var cur = 0;\n var lb = document.getElementById('poLb');\n var lbImg = document.getElementById('poLbImg');\n var lbCnt = document.getElementById('poLbCounter');\n var isOpen = false;\n\n function lbGo(idx) {\n cur = ((idx % LB_IMGS.length) + LB_IMGS.length) % LB_IMGS.length;\n lbImg.src = LB_IMGS[cur];\n lbCnt.textContent = (cur + 1) + ' \/ ' + LB_IMGS.length;\n }\n\n function lbOpen(idx) {\n lbGo(idx);\n lb.classList.add('is-open');\n document.body.style.overflow = 'hidden';\n isOpen = true;\n lb.focus();\n }\n\n function lbClose() {\n lb.classList.remove('is-open');\n document.body.style.overflow = '';\n isOpen = false;\n lbImg.src = '';\n }\n\n \/* Bind portfolio thumbnails *\/\n var thumbs = document.querySelectorAll('.po-pi[data-lb]');\n for (var i = 0; i < thumbs.length; i++) {\n (function(el) {\n var idx = parseInt(el.getAttribute('data-lb'), 10);\n el.addEventListener('click', function() { lbOpen(idx); });\n el.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); lbOpen(idx); }\n });\n })(thumbs[i]);\n }\n\n \/* Lightbox controls *\/\n document.getElementById('poLbClose').addEventListener('click', lbClose);\n document.getElementById('poLbNext').addEventListener('click', function() { lbGo(cur + 1); });\n document.getElementById('poLbPrev').addEventListener('click', function() { lbGo(cur - 1); });\n\n \/* Click backdrop to close *\/\n lb.addEventListener('click', function(e) {\n if (e.target === lb || e.target.classList.contains('po-lb-stage')) lbClose();\n });\n\n \/* Keyboard nav *\/\n document.addEventListener('keydown', function(e) {\n if (!isOpen) return;\n if (e.key === 'Escape') { lbClose(); }\n if (e.key === 'ArrowRight') { lbGo(cur + 1); }\n if (e.key === 'ArrowLeft') { lbGo(cur - 1); }\n });\n\n \/* Touch swipe *\/\n var touchX = null;\n lb.addEventListener('touchstart', function(e) {\n touchX = e.touches[0].clientX;\n }, { passive: true });\n lb.addEventListener('touchend', function(e) {\n if (touchX === null) return;\n var diff = touchX - e.changedTouches[0].clientX;\n if (Math.abs(diff) > 40) { lbGo(diff > 0 ? cur + 1 : cur - 1); }\n touchX = null;\n }, { passive: true });\n\n})();\n<\/script>\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Photoolga \u2013 Fotografia Eventowa Photoolga O mnie Oferta Portfolio Opinie Kontakt O mnie Oferta Portfolio Opinie Skontaktuj si\u0119 Fotografia Eventowa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"ocieslar","author_link":"https:\/\/photoolga.pl\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Photoolga \u2013 Fotografia Eventowa Photoolga O mnie Oferta Portfolio Opinie Kontakt O mnie Oferta Portfolio Opinie Skontaktuj si\u0119 Fotografia Eventowa […]","_links":{"self":[{"href":"https:\/\/photoolga.pl\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/photoolga.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/photoolga.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/photoolga.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/photoolga.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":22,"href":"https:\/\/photoolga.pl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":48,"href":"https:\/\/photoolga.pl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/48"}],"wp:attachment":[{"href":"https:\/\/photoolga.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}