{"id":10,"date":"2026-04-05T23:25:22","date_gmt":"2026-04-05T23:25:22","guid":{"rendered":"http:\/\/eventvibe.pl\/?page_id=10"},"modified":"2026-04-08T16:35:18","modified_gmt":"2026-04-08T16:35:18","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/eventvibe.pl\/","title":{"rendered":"Elementor #10"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e8f157 e-con-full e-flex e-con e-parent\" data-id=\"4e8f157\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b4e8bf elementor-widget elementor-widget-html\" data-id=\"1b4e8bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ev-hero-new\" id=\"start\">\n  <div class=\"ev-hero-bg-zoom\"><\/div>\n  <div class=\"ev-hero-overlay-new\"><\/div>\n\n  <header class=\"ev-nav-new\">\n    <div class=\"ev-nav-shell\">\n\n      <div class=\"ev-logo-new\">\n        <a href=\"#start\" aria-label=\"EVENTVIBE - strona g\u0142\u00f3wna\">\n          <img decoding=\"async\" src=\"http:\/\/eventvibe.pl\/wp-content\/uploads\/2026\/04\/Logo-agencji-EVENTVIBE-e1775661409411.png\" alt=\"EVENTVIBE\">\n        <\/a>\n      <\/div>\n\n      <nav class=\"ev-menu-new\" id=\"evMobileMenu\">\n        <a href=\"#oferta\">Oferta<\/a>\n        <a href=\"#realizacje\">Realizacje<\/a>\n        <a href=\"#onas\">O nas<\/a>\n        <a href=\"#kontakt\">Kontakt<\/a>\n      <\/nav>\n\n      <a href=\"#kontakt\" class=\"ev-cta-new\">Wy\u015blij zapytanie<\/a>\n\n      <button class=\"ev-menu-toggle\" type=\"button\" aria-label=\"Otw\u00f3rz menu\" aria-expanded=\"false\" aria-controls=\"evMobileMenu\">\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n      <\/button>\n    <\/div>\n  <\/header>\n\n  <div class=\"ev-hero-glow-new ev-hero-glow-left\"><\/div>\n  <div class=\"ev-hero-glow-new ev-hero-glow-right\"><\/div>\n\n  <div class=\"ev-hero-content-new\">\n    <p class=\"ev-kicker-new\"><\/p>\n\n    <h1>\n      Tworzymy wydarzenia,<br>\n      kt\u00f3re robi\u0105 wra\u017cenie.\n    <\/h1>\n\n    <p class=\"ev-sub-new\">\n      Od koncepcji po realizacj\u0119 \u2014 projektujemy eventy,\n      kt\u00f3re anga\u017cuj\u0105 i zostaj\u0105 w pami\u0119ci.\n    <\/p>\n\n    <div class=\"ev-buttons-new\">\n      <a href=\"#kontakt\" class=\"ev-btn-main-new\">Wy\u015blij zapytanie<\/a>\n      <a href=\"#realizacje\" class=\"ev-btn-ghost-new\">Zobacz realizacje<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\nhtml {\n  scroll-behavior: smooth;\n}\n\n* {\n  box-sizing: border-box;\n}\n\n#oferta,\n#realizacje,\n#onas,\n#kontakt {\n  scroll-margin-top: 120px;\n}\n\n.ev-hero-new {\n  position: relative;\n  min-height: 100vh;\n  overflow: hidden;\n  width: 100%;\n  color: #fff;\n}\n\n.ev-hero-bg-zoom {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background-image: url('https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1800&q=80');\n  background-size: cover;\n  background-position: center;\n  transform: scale(1);\n  animation: evHeroZoom 6s ease-in-out infinite alternate;\n  will-change: transform;\n}\n\n.ev-hero-overlay-new {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background: linear-gradient(rgba(0,0,0,0.34), rgba(0,0,0,0.52));\n}\n\n@keyframes evHeroZoom {\n  0% { transform: scale(1); }\n  100% { transform: scale(1.06); }\n}\n\n.ev-hero-content-new,\n.ev-nav-new,\n.ev-hero-glow-new {\n  position: relative;\n  z-index: 2;\n}\n\n\/* LOGO *\/\n.ev-logo-new {\n    margin-left: 25px ;\n  width: 220px;\n  min-width: 220px;\n  display: flex;\n  align-items: center;\n}\n\n.ev-logo-new a {\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  line-height: 0;\n  width: 100%;\n}\n\n.ev-logo-new img {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-width: none;\n}\n\/* GLOW *\/\n.ev-hero-glow-new {\n  position: absolute;\n  border-radius: 999px;\n  filter: blur(70px);\n  pointer-events: none;\n}\n\n.ev-hero-glow-left {\n  width: 300px;\n  height: 300px;\n  background: rgba(255,255,255,0.10);\n  top: 100px;\n  left: -60px;\n}\n\n.ev-hero-glow-right {\n  width: 240px;\n  height: 240px;\n  background: rgba(255,255,255,0.08);\n  bottom: 80px;\n  right: -40px;\n}\n\n\/* NAV *\/\n.ev-nav-new {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  padding: 20px 24px;\n  z-index: 20;\n}\n\n.ev-nav-shell {\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 14px 18px;\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  align-items: center;\n  gap: 18px;\n  border-radius: 999px;\n  background: rgba(11,11,13,0.34);\n  border: 1px solid rgba(255,255,255,0.10);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  box-shadow:\n    0 14px 40px rgba(0,0,0,0.24),\n    inset 0 1px 0 rgba(255,255,255,0.05);\n  position: relative;\n}\n\n.ev-menu-new {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  min-width: 0;\n}\n\n.ev-menu-new a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 42px;\n  padding: 0 16px;\n  border-radius: 999px;\n  color: rgba(255,255,255,0.90);\n  text-decoration: none;\n  font-size: 14px;\n  font-weight: 500;\n  white-space: nowrap;\n  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;\n}\n\n.ev-menu-new a:hover {\n  background: rgba(255,255,255,0.09);\n  color: #fff;\n  transform: translateY(-1px);\n}\n\n.ev-cta-new {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 46px;\n  padding: 0 20px;\n  border-radius: 999px;\n  background: #fff;\n  color: #111;\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 700;\n  white-space: nowrap;\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n  box-shadow: 0 12px 24px rgba(0,0,0,0.18);\n}\n\n.ev-cta-new:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 16px 30px rgba(0,0,0,0.22);\n}\n\n.ev-menu-toggle {\n  display: none;\n  width: 46px;\n  height: 46px;\n  border: 1px solid rgba(255,255,255,0.12);\n  background: rgba(255,255,255,0.06);\n  border-radius: 999px;\n  padding: 0;\n  cursor: pointer;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.ev-menu-toggle span {\n  display: block;\n  width: 18px;\n  height: 2px;\n  border-radius: 999px;\n  background: #fff;\n  transition: transform 0.25s ease, opacity 0.25s ease;\n}\n\n.ev-menu-toggle.is-active span:nth-child(1) {\n  transform: translateY(6px) rotate(45deg);\n}\n\n.ev-menu-toggle.is-active span:nth-child(2) {\n  opacity: 0;\n}\n\n.ev-menu-toggle.is-active span:nth-child(3) {\n  transform: translateY(-6px) rotate(-45deg);\n}\n\n\/* HERO *\/\n.ev-hero-content-new {\n  max-width: 1100px;\n  margin: 0 auto;\n  min-height: 100vh;\n  padding: 190px 20px 80px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  animation: evFadeUp 0.8s ease;\n}\n\n.ev-kicker-new {\n  font-size: 12px;\n  letter-spacing: 2px;\n  margin: 0 0 16px;\n  color: rgba(255,255,255,0.82);\n}\n\n.ev-hero-content-new h1 {\n  font-size: clamp(48px, 7vw, 90px);\n  line-height: 0.95;\n  font-weight: 800;\n  letter-spacing: -2px;\n  margin: 0;\n  max-width: 900px;\n}\n\n.ev-sub-new {\n  margin-top: 24px;\n  margin-bottom: 0;\n  max-width: 600px;\n  font-size: 18px;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.92);\n}\n\n.ev-buttons-new {\n  margin-top: 32px;\n  display: flex;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n\n.ev-btn-main-new,\n.ev-btn-ghost-new {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 52px;\n  padding: 14px 26px;\n  border-radius: 999px;\n  text-decoration: none;\n  font-weight: 700;\n  transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;\n}\n\n.ev-btn-main-new {\n  background: #fff;\n  color: #111;\n}\n\n.ev-btn-main-new:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 14px 28px rgba(0,0,0,0.22);\n}\n\n.ev-btn-ghost-new {\n  border: 1px solid rgba(255,255,255,0.28);\n  background: rgba(255,255,255,0.06);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  color: #fff;\n}\n\n.ev-btn-ghost-new:hover {\n  transform: translateY(-3px);\n  background: rgba(255,255,255,0.12);\n}\n\n@keyframes evFadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(24px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* LAPTOP \/ MNIEJSZY DESKTOP *\/\n@media (max-width: 1180px) {\n  .ev-nav-shell {\n    gap: 12px;\n    padding: 12px 14px;\n  }\n\n  .ev-menu-new {\n    gap: 6px;\n  }\n\n  .ev-menu-new a {\n    padding: 0 12px;\n    font-size: 13px;\n  }\n\n  .ev-cta-new {\n    padding: 0 16px;\n    font-size: 12px;\n  }\n\n  .ev-hero-content-new {\n    padding: 180px 24px 72px;\n  }\n\n  .ev-hero-content-new h1 {\n    font-size: clamp(44px, 6.5vw, 76px);\n    line-height: 0.98;\n  }\n\n  .ev-logo-new img {\n    height: 40px;\n    max-width: 170px;\n  }\n}\n\n\/* TABLET *\/\n@media (max-width: 980px) {\n  .ev-nav-new {\n    padding: 16px;\n  }\n\n  .ev-nav-shell {\n    grid-template-columns: auto 1fr auto;\n    gap: 12px;\n    padding: 14px 16px;\n    border-radius: 24px;\n  }\n\n  .ev-logo-new img {\n    height: 36px;\n    max-width: 150px;\n  }\n\n  .ev-menu-new {\n    display: none;\n    position: absolute;\n    top: calc(100% + 10px);\n    left: 0;\n    right: 0;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 8px;\n    padding: 12px;\n    border-radius: 22px;\n    background: rgba(11,11,13,0.92);\n    border: 1px solid rgba(255,255,255,0.10);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    box-shadow: 0 18px 40px rgba(0,0,0,0.28);\n  }\n\n  .ev-menu-new.is-open {\n    display: flex;\n  }\n\n  .ev-menu-new a {\n    justify-content: flex-start;\n    min-height: 44px;\n    padding: 0 14px;\n    font-size: 14px;\n  }\n\n  .ev-cta-new {\n    display: none;\n  }\n\n  .ev-menu-toggle {\n    display: inline-flex;\n    justify-self: end;\n  }\n\n  .ev-hero-content-new {\n    min-height: 100svh;\n    padding: 120px 20px 60px;\n  }\n\n  .ev-hero-content-new h1 {\n    font-size: clamp(36px, 8vw, 62px);\n    line-height: 1;\n    letter-spacing: -1px;\n    max-width: 100%;\n  }\n\n  .ev-sub-new {\n    margin-top: 16px;\n    max-width: 100%;\n    font-size: 16px;\n    line-height: 1.5;\n  }\n\n  .ev-buttons-new {\n    margin-top: 22px;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 10px;\n    width: 100%;\n  }\n\n  .ev-btn-main-new,\n  .ev-btn-ghost-new {\n    width: 100%;\n    min-height: 50px;\n    padding: 12px 18px;\n    font-size: 15px;\n    text-align: center;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 768px) {\n  #oferta,\n  #realizacje,\n  #onas,\n  #kontakt {\n    scroll-margin-top: 90px;\n  }\n\n  .ev-nav-new {\n    padding: 10px;\n  }\n\n  .ev-nav-shell {\n    gap: 10px;\n    padding: 12px 14px;\n    border-radius: 22px;\n  }\n\n  .ev-logo-new img {\n    height: 34px;\n    max-width: 140px;\n  }\n\n  .ev-hero-new {\n    min-height: 100svh;\n  }\n\n  .ev-hero-content-new {\n    min-height: 100svh;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 120px 20px 60px;\n  }\n\n  .ev-kicker-new {\n    margin-bottom: 10px;\n    font-size: 11px;\n    letter-spacing: 1.6px;\n  }\n\n  .ev-hero-content-new h1 {\n    font-size: 32px;\n    line-height: 0.98;\n    letter-spacing: -0.8px;\n    max-width: 92%;\n  }\n\n  .ev-sub-new {\n    margin-top: 14px;\n    font-size: 15px;\n    line-height: 1.42;\n    max-width: 92%;\n  }\n\n  .ev-buttons-new {\n    margin-top: 18px;\n    gap: 8px;\n  }\n\n  .ev-btn-main-new,\n  .ev-btn-ghost-new {\n    min-height: 46px;\n    padding: 10px 18px;\n    font-size: 14px;\n  }\n}\n\n\/* MA\u0141E TELEFONY *\/\n@media (max-width: 480px) {\n  .ev-nav-new {\n    padding: 8px;\n  }\n\n  .ev-nav-shell {\n    padding: 10px 12px;\n    border-radius: 20px;\n  }\n\n  .ev-logo-new img {\n    height: 30px;\n    max-width: 120px;\n  }\n\n  .ev-menu-toggle {\n    width: 42px;\n    height: 42px;\n  }\n\n  .ev-hero-content-new {\n    padding: 104px 16px 32px;\n  }\n\n  .ev-hero-content-new h1 {\n    font-size: 34px;\n    line-height: 0.98;\n  }\n\n  .ev-hero-content-new h1 br {\n    display: none;\n  }\n\n  .ev-sub-new {\n    font-size: 15px;\n    line-height: 1.42;\n  }\n\n  .ev-btn-main-new,\n  .ev-btn-ghost-new {\n    min-height: 48px;\n    font-size: 15px;\n    padding: 12px 16px;\n  }\n\n  .ev-hero-glow-left {\n    width: 150px;\n    height: 150px;\n    top: 110px;\n    left: -50px;\n    filter: blur(45px);\n  }\n\n  .ev-hero-glow-right {\n    width: 120px;\n    height: 120px;\n    right: -30px;\n    bottom: 40px;\n    filter: blur(40px);\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const toggle = document.querySelector(\".ev-menu-toggle\");\n  const menu = document.querySelector(\".ev-menu-new\");\n\n  if (!toggle || !menu) return;\n\n  toggle.addEventListener(\"click\", function () {\n    const isOpen = menu.classList.toggle(\"is-open\");\n    toggle.classList.toggle(\"is-active\", isOpen);\n    toggle.setAttribute(\"aria-expanded\", isOpen ? \"true\" : \"false\");\n  });\n\n  menu.querySelectorAll(\"a\").forEach((link) => {\n    link.addEventListener(\"click\", function () {\n      menu.classList.remove(\"is-open\");\n      toggle.classList.remove(\"is-active\");\n      toggle.setAttribute(\"aria-expanded\", \"false\");\n    });\n  });\n\n  document.addEventListener(\"click\", function (e) {\n    if (!menu.contains(e.target) && !toggle.contains(e.target)) {\n      menu.classList.remove(\"is-open\");\n      toggle.classList.remove(\"is-active\");\n      toggle.setAttribute(\"aria-expanded\", \"false\");\n    }\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-905fbc9 elementor-widget elementor-widget-html\" data-id=\"905fbc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ev-services\" id=\"oferta\">\n  <div class=\"ev-wrap\">\n    <div class=\"ev-services-top\">\n      <p class=\"ev-section-label\">Oferta<\/p>\n      <h2>Projektujemy wydarzenia, kt\u00f3re robi\u0105 efekt.<\/h2>\n      <p class=\"ev-section-text\">\n        Od kameralnych spotka\u0144 po du\u017ce realizacje premium. \u0141\u0105czymy koncepcj\u0119, produkcj\u0119\n        i dopracowan\u0105 opraw\u0119, \u017ceby Twoja marka zosta\u0142a zapami\u0119tana.\n      <\/p>\n    <\/div>\n\n    <div class=\"ev-services-grid\">\n\n      <div class=\"ev-service-card\">\n        <div class=\"ev-service-number\">01<\/div>\n        <h3>Eventy firmowe<\/h3>\n        <p>Kompleksowa organizacja wydarze\u0144 dla firm \u2014 od scenariusza i kreacji po pe\u0142n\u0105 koordynacj\u0119.<\/p>\n      <\/div>\n\n      <div class=\"ev-service-card\">\n        <div class=\"ev-service-number\">02<\/div>\n        <h3>Konferencje i gale<\/h3>\n        <p>Tworzymy wydarzenia z klas\u0105: oprawa wizualna, logistyka, prowadzenie i produkcja techniczna.<\/p>\n      <\/div>\n\n      <div class=\"ev-service-card\">\n        <div class=\"ev-service-number\">03<\/div>\n        <h3>Premiery i launch'e<\/h3>\n        <p>Wprowadzamy marki, produkty i us\u0142ugi w spos\u00f3b, kt\u00f3ry buduje emocje i robi wra\u017cenie.<\/p>\n      <\/div>\n\n      <!-- \ud83d\udd25 FOTOBUDKA JAKO 04 -->\n      <div class=\"ev-service-card ev-service-highlight\">\n        <div class=\"ev-service-number\">04<\/div>\n        <h3>Fotobudka 360<\/h3>\n        <p>\n          Nowoczesna atrakcja eventowa, kt\u00f3ra anga\u017cuje uczestnik\u00f3w i tworzy dynamiczne,\n          viralowe materia\u0142y wideo.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.ev-wrap {\n  width: min(1180px, calc(100% - 40px));\n  margin: 0 auto;\n}\n\n.ev-services {\n  position: relative;\n  background: #111214;\n  color: #ffffff;\n  padding: 110px 0;\n  overflow: hidden;\n}\n\n.ev-services::before {\n  content: \"\";\n  position: absolute;\n  width: 340px;\n  height: 340px;\n  top: -140px;\n  right: -90px;\n  border-radius: 999px;\n  background: rgba(255,255,255,0.06);\n  filter: blur(80px);\n}\n\n.ev-services-top {\n  max-width: 820px;\n  margin-bottom: 56px;\n}\n\n.ev-section-label {\n  margin: 0 0 18px;\n  color: rgba(255,255,255,0.55);\n  text-transform: uppercase;\n  letter-spacing: 0.18em;\n  font-size: 12px;\n}\n\n.ev-services-top h2 {\n  margin: 0 0 22px;\n  font-size: clamp(34px, 5vw, 62px);\n  line-height: 1;\n  letter-spacing: -0.04em;\n  font-weight: 700;\n}\n\n.ev-section-text {\n  margin: 0;\n  color: rgba(255,255,255,0.72);\n  font-size: 18px;\n  line-height: 1.75;\n}\n\n.ev-services-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 22px;\n}\n\n.ev-service-card {\n  padding: 32px;\n  border-radius: 28px;\n  background: rgba(255,255,255,0.045);\n  border: 1px solid rgba(255,255,255,0.08);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  transition: transform 0.3s ease, background 0.3s ease;\n}\n\n.ev-service-card:hover {\n  transform: translateY(-6px);\n  background: rgba(255,255,255,0.065);\n}\n\n.ev-service-highlight {\n  background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03));\n  border: 1px solid rgba(255,255,255,0.18);\n}\n\n.ev-service-number {\n  width: 54px;\n  height: 54px;\n  border-radius: 999px;\n  background: rgba(255,255,255,0.05);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n  font-weight: 700;\n  font-size: 15px;\n}\n\n.ev-service-card h3 {\n  margin: 0 0 12px;\n  font-size: 26px;\n  line-height: 1.1;\n}\n\n.ev-service-card p {\n  margin: 0;\n  color: rgba(255,255,255,0.7);\n  font-size: 16px;\n  line-height: 1.65;\n}\n\n\/* TABLET *\/\n@media (max-width: 980px) {\n  .ev-services {\n    padding: 88px 0;\n  }\n\n  .ev-services-top {\n    margin-bottom: 40px;\n  }\n\n  .ev-services-top h2 {\n    font-size: clamp(30px, 5.4vw, 48px);\n    line-height: 1.02;\n  }\n\n  .ev-section-text {\n    font-size: 17px;\n    line-height: 1.65;\n  }\n\n  .ev-services-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .ev-service-card {\n    padding: 28px;\n    border-radius: 24px;\n  }\n\n  .ev-service-card h3 {\n    font-size: 24px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 768px) {\n  .ev-wrap {\n    width: min(100%, calc(100% - 32px));\n  }\n\n  .ev-services {\n    padding: 68px 0;\n  }\n\n  .ev-services::before {\n    width: 220px;\n    height: 220px;\n    top: -80px;\n    right: -70px;\n    filter: blur(60px);\n  }\n\n  .ev-services-top {\n    margin-bottom: 28px;\n  }\n\n  .ev-section-label {\n    margin-bottom: 12px;\n    font-size: 11px;\n    letter-spacing: 0.16em;\n  }\n\n  .ev-services-top h2 {\n    margin-bottom: 16px;\n    font-size: 34px;\n    line-height: 1.02;\n    letter-spacing: -0.03em;\n  }\n\n  .ev-section-text {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .ev-services-grid {\n    gap: 14px;\n  }\n\n  .ev-service-card {\n    padding: 22px 20px;\n    border-radius: 20px;\n  }\n\n  .ev-service-number {\n    width: 44px;\n    height: 44px;\n    margin-bottom: 16px;\n    font-size: 13px;\n  }\n\n  .ev-service-card h3 {\n    margin-bottom: 10px;\n    font-size: 21px;\n    line-height: 1.15;\n  }\n\n  .ev-service-card p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n}\n\n\/* MA\u0141E TELEFONY *\/\n@media (max-width: 480px) {\n  .ev-wrap {\n    width: min(100%, calc(100% - 24px));\n  }\n\n  .ev-services {\n    padding: 56px 0;\n  }\n\n  .ev-services-top h2 {\n    font-size: 30px;\n  }\n\n  .ev-section-text {\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .ev-service-card {\n    padding: 20px 18px;\n    border-radius: 18px;\n  }\n\n  .ev-service-card h3 {\n    font-size: 19px;\n  }\n\n  .ev-service-card p {\n    font-size: 14px;\n    line-height: 1.5;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b032e6 elementor-widget elementor-widget-html\" data-id=\"1b032e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ev-works\" id=\"realizacje\">\n  <div class=\"ev-wrap\">\n\n    <div class=\"ev-works-top\">\n      <p class=\"ev-section-label\">Realizacje<\/p>\n      <h2>Zobacz nasze realizacje w praktyce.<\/h2>\n      <p class=\"ev-section-text\">\n        Od konferencji i premier po gale i eventy firmowe \u2014 ka\u017cdy projekt tworzymy z dba\u0142o\u015bci\u0105 o detal, \u015bwiat\u0142o i do\u015bwiadczenie uczestnik\u00f3w.\n      <\/p>\n    <\/div>\n\n    <div class=\"ev-gallery ev-gallery-slider\">\n\n      <div class=\"ev-gallery-item ev-large\" style=\"background-image:url('http:\/\/eventvibe.pl\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-8-kwi-2026-o-18_31_40.png')\"><\/div>\n\n      <div class=\"ev-gallery-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1503428593586-e225b39bddfe?auto=format&fit=crop&w=1600&q=80')\"><\/div>\n\n      <div class=\"ev-gallery-item\" style=\"background-image:url('http:\/\/eventvibe.pl\/wp-content\/uploads\/2026\/04\/Przygotowanie-sali-konferencyjnej-na-wydarzenie.png')\"><\/div>\n\n      <div class=\"ev-gallery-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1515169067865-5387ec356754?auto=format&fit=crop&w=1600&q=80')\"><\/div>\n\n      <div class=\"ev-gallery-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1600&q=80')\"><\/div>\n\n      <div class=\"ev-gallery-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1511795409834-ef04bbd61622?auto=format&fit=crop&w=1600&q=80')\"><\/div>\n\n      <div class=\"ev-gallery-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1505373877841-8d25f7d46678?auto=format&fit=crop&w=1600&q=80')\"><\/div>\n\n      <div class=\"ev-gallery-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?auto=format&fit=crop&w=1600&q=80')\"><\/div>\n\n      <div class=\"ev-gallery-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1517457373958-b7bdd4587205?auto=format&fit=crop&w=1600&q=80')\"><\/div>\n\n      <div class=\"ev-gallery-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1519167758481-83f550bb49b3?auto=format&fit=crop&w=1600&q=80')\"><\/div>\n\n      <div class=\"ev-gallery-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?auto=format&fit=crop&w=1600&q=80')\"><\/div>\n\n      <div class=\"ev-gallery-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1506157786151-b8491531f063?auto=format&fit=crop&w=1600&q=80')\"><\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ev-works {\n  background: #0f1012;\n  color: #fff;\n  padding: 120px 0;\n}\n\n.ev-works-top {\n  max-width: 760px;\n  margin-bottom: 50px;\n}\n\n.ev-section-label {\n  margin: 0 0 14px;\n  font-size: 12px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  opacity: 0.6;\n}\n\n.ev-works-top h2 {\n  margin: 0 0 18px;\n  font-size: clamp(34px, 5vw, 56px);\n  line-height: 1.02;\n  letter-spacing: -0.03em;\n}\n\n.ev-section-text {\n  margin: 0;\n  opacity: 0.72;\n  line-height: 1.7;\n  font-size: 18px;\n}\n\n\/* DESKTOP GRID *\/\n.ev-gallery {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 18px;\n}\n\n.ev-gallery-item {\n  background-size: cover;\n  background-position: center;\n  border-radius: 20px;\n  min-height: 240px;\n  transition: transform 0.35s ease, filter 0.35s ease;\n  filter: contrast(1.05) saturate(1.05);\n}\n\n.ev-gallery-item.ev-large {\n  grid-column: span 2;\n  grid-row: span 2;\n  min-height: 500px;\n}\n\n.ev-gallery-item:hover {\n  transform: scale(1.03);\n  filter: brightness(0.9);\n}\n\n\/* TABLET *\/\n@media (max-width: 1000px) {\n  .ev-works {\n    padding: 90px 0;\n  }\n\n  .ev-works-top {\n    margin-bottom: 36px;\n  }\n\n  .ev-works-top h2 {\n    font-size: clamp(30px, 5vw, 42px);\n  }\n\n  .ev-section-text {\n    font-size: 16px;\n    line-height: 1.6;\n  }\n\n  .ev-gallery {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .ev-gallery-item {\n    min-height: 220px;\n    border-radius: 18px;\n  }\n\n  .ev-gallery-item.ev-large {\n    grid-column: span 2;\n    grid-row: span 1;\n    min-height: 320px;\n  }\n}\n\n\/* MOBILE SLIDER *\/\n@media (max-width: 768px) {\n  .ev-works {\n    padding: 68px 0;\n  }\n\n  .ev-works-top {\n    margin-bottom: 26px;\n    max-width: 100%;\n  }\n\n  .ev-section-label {\n    margin-bottom: 10px;\n    font-size: 11px;\n    letter-spacing: 0.16em;\n  }\n\n  .ev-works-top h2 {\n    margin-bottom: 14px;\n    font-size: 32px;\n    line-height: 1.04;\n  }\n\n  .ev-section-text {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .ev-gallery-slider {\n    display: flex !important;\n    grid-template-columns: none !important;\n    overflow-x: auto;\n    overflow-y: hidden;\n    gap: 12px;\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n    padding-bottom: 6px;\n  }\n\n  .ev-gallery-slider::-webkit-scrollbar {\n    display: none;\n  }\n\n  .ev-gallery-slider .ev-gallery-item,\n  .ev-gallery-slider .ev-gallery-item.ev-large {\n    flex: 0 0 82%;\n    min-width: 82%;\n    min-height: 220px;\n    grid-column: auto !important;\n    grid-row: auto !important;\n    border-radius: 16px;\n    scroll-snap-align: start;\n  }\n\n  .ev-gallery-slider .ev-gallery-item:hover,\n  .ev-gallery-slider .ev-gallery-item.ev-large:hover {\n    transform: none;\n    filter: contrast(1.05) saturate(1.05);\n  }\n}\n\n\/* MA\u0141E TELEFONY *\/\n@media (max-width: 480px) {\n  .ev-works {\n    padding: 56px 0;\n  }\n\n  .ev-works-top h2 {\n    font-size: 28px;\n  }\n\n  .ev-section-text {\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .ev-gallery-slider .ev-gallery-item,\n  .ev-gallery-slider .ev-gallery-item.ev-large {\n    flex: 0 0 86%;\n    min-width: 86%;\n    min-height: 190px;\n    border-radius: 14px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  if (window.innerWidth > 768) return;\n\n  const slider = document.querySelector(\".ev-gallery-slider\");\n  if (!slider) return;\n\n  const items = slider.querySelectorAll(\".ev-gallery-item\");\n  if (!items.length) return;\n\n  let index = 0;\n\n  setInterval(() => {\n    index = (index + 1) % items.length;\n    const item = items[index];\n    slider.scrollTo({\n      left: item.offsetLeft - slider.offsetLeft,\n      behavior: \"smooth\"\n    });\n  }, 2800);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e176f00 elementor-widget elementor-widget-html\" data-id=\"e176f00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ev-process\" id=\"proces\">\n  <div class=\"ev-wrap\">\n\n    <div class=\"ev-process-top\">\n      <p class=\"ev-section-label\">Jak pracujemy<\/p>\n      <h2>Od pomys\u0142u do realizacji \u2014 prowadzimy ca\u0142y proces.<\/h2>\n      <p class=\"ev-process-text\">\n        Dzia\u0142amy kompleksowo, dzi\u0119ki czemu masz jasny plan, sp\u00f3jn\u0105 koncepcj\u0119 i spokojn\u0105 realizacj\u0119 bez chaosu.\n      <\/p>\n    <\/div>\n\n    <div class=\"ev-process-grid\">\n      <div class=\"ev-process-card\">\n        <div class=\"ev-process-number\">01<\/div>\n        <h3>Rozmowa i brief<\/h3>\n        <p>Poznajemy cel wydarzenia, grup\u0119 odbiorc\u00f3w, klimat marki i zakres realizacji.<\/p>\n      <\/div>\n\n      <div class=\"ev-process-card\">\n        <div class=\"ev-process-number\">02<\/div>\n        <h3>Koncepcja i plan<\/h3>\n        <p>Przygotowujemy pomys\u0142, scenariusz, kierunek wizualny oraz plan organizacyjny.<\/p>\n      <\/div>\n\n      <div class=\"ev-process-card\">\n        <div class=\"ev-process-number\">03<\/div>\n        <h3>Produkcja i koordynacja<\/h3>\n        <p>Spinamy logistyk\u0119, dostawc\u00f3w, technik\u0119 i wszystkie elementy potrzebne do realizacji.<\/p>\n      <\/div>\n\n      <div class=\"ev-process-card\">\n        <div class=\"ev-process-number\">04<\/div>\n        <h3>Realizacja eventu<\/h3>\n        <p>Czuwamy nad przebiegiem wydarzenia na miejscu, \u017ceby wszystko dzia\u0142a\u0142o p\u0142ynnie i profesjonalnie.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ev-process {\n  background: #101114;\n  color: #fff;\n  padding: 110px 0;\n}\n\n.ev-process-top {\n  max-width: 760px;\n  margin-bottom: 44px;\n}\n\n.ev-process-top h2 {\n  margin: 0 0 18px;\n  font-size: clamp(34px, 5vw, 56px);\n  line-height: 1.02;\n  letter-spacing: -0.03em;\n}\n\n.ev-process-text {\n  margin: 0;\n  font-size: 18px;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.72);\n}\n\n.ev-process-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 18px;\n}\n\n.ev-process-card {\n  padding: 28px 24px;\n  border-radius: 24px;\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.08);\n}\n\n.ev-process-number {\n  width: 46px;\n  height: 46px;\n  border-radius: 999px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 18px;\n  background: rgba(255,255,255,0.06);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.ev-process-card h3 {\n  margin: 0 0 10px;\n  font-size: 22px;\n  line-height: 1.15;\n}\n\n.ev-process-card p {\n  margin: 0;\n  color: rgba(255,255,255,0.7);\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n@media (max-width: 980px) {\n  .ev-process {\n    padding: 84px 0;\n  }\n\n  .ev-process-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 768px) {\n  .ev-process {\n    padding: 64px 0;\n  }\n\n  .ev-process-top {\n    margin-bottom: 28px;\n  }\n\n  .ev-process-top h2 {\n    font-size: 32px;\n    line-height: 1.04;\n  }\n\n  .ev-process-text {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .ev-process-grid {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  .ev-process-card {\n    padding: 22px 18px;\n    border-radius: 18px;\n  }\n\n  .ev-process-card h3 {\n    font-size: 19px;\n  }\n\n  .ev-process-card p {\n    font-size: 14px;\n    line-height: 1.55;\n  }\n}\n\n@media (max-width: 480px) {\n  .ev-process {\n    padding: 54px 0;\n  }\n\n  .ev-process-top h2 {\n    font-size: 28px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6fe78 elementor-widget elementor-widget-html\" data-id=\"5b6fe78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ev-about\" id=\"onas\">\n  <div class=\"ev-wrap ev-about-grid\">\n\n    <div class=\"ev-about-left ev-reveal\">\n      <p class=\"ev-section-label\">O nas<\/p>\n      <h2>Tworzymy wydarzenia, kt\u00f3re zostaj\u0105 w pami\u0119ci.<\/h2>\n\n      <p class=\"ev-about-text\">\n        EventVibe to zesp\u00f3\u0142, kt\u00f3ry \u0142\u0105czy kreatywno\u015b\u0107, produkcj\u0119 i perfekcyjn\u0105 organizacj\u0119.\n        Projektujemy wydarzenia dopracowane wizualnie, sp\u00f3jne z mark\u0105 i zaplanowane tak,\n        by ka\u017cdy detal pracowa\u0142 na ko\u0144cowy efekt.\n      <\/p>\n\n      <p class=\"ev-about-text\">\n        Od kameralnych spotka\u0144 po du\u017ce realizacje \u2014 dbamy o atmosfer\u0119, logistyk\u0119 i do\u015bwiadczenie uczestnik\u00f3w.\n        Dzi\u0119ki temu tworzymy nie tylko eventy, ale prze\u017cycia, kt\u00f3re buduj\u0105 emocje i wizerunek marki.\n      <\/p>\n\n      <div class=\"ev-stats\">\n        <div class=\"ev-stat ev-reveal ev-reveal-delay-1\">\n          <strong class=\"ev-count\" data-target=\"50\" data-suffix=\"+\">0<\/strong>\n          <span>Zrealizowanych event\u00f3w<\/span>\n        <\/div>\n\n        <div class=\"ev-stat ev-reveal ev-reveal-delay-2\">\n          <strong class=\"ev-count\" data-target=\"1000\" data-suffix=\"+\">0<\/strong>\n          <span>Uczestnik\u00f3w wydarze\u0144<\/span>\n        <\/div>\n\n        <div class=\"ev-stat ev-reveal ev-reveal-delay-3\">\n          <strong>PL<\/strong>\n          <span>Dzia\u0142amy w ca\u0142ej Polsce<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ev-about-right\">\n      <div class=\"ev-about-card ev-reveal ev-reveal-delay-1\">\n        <span>Dlaczego my<\/span>\n        <h3>\u0141\u0105czymy estetyk\u0119, produkcj\u0119 i do\u015bwiadczenie<\/h3>\n        <p>\n          Tworzymy wydarzenia, kt\u00f3re robi\u0105 wra\u017cenie wizualnie, dzia\u0142aj\u0105 organizacyjnie\n          i s\u0105 dopracowane na ka\u017cdym etapie realizacji.\n        <\/p>\n      <\/div>\n\n      <div class=\"ev-about-card ev-reveal ev-reveal-delay-2\">\n        <span>Jak pracujemy<\/span>\n        <h3>Od koncepcji do pe\u0142nej koordynacji<\/h3>\n        <p>\n          Prowadzimy ca\u0142y proces: pomys\u0142, scenariusz, produkcj\u0119, logistyk\u0119 i nadz\u00f3r na miejscu.\n          Ty masz jasny plan i spok\u00f3j, my dowozimy ca\u0142o\u015b\u0107.\n        <\/p>\n      <\/div>\n\n      <div class=\"ev-about-card ev-about-card-accent ev-reveal ev-reveal-delay-3\">\n        <span>EventVibe<\/span>\n        <h3>Tworzymy klimat, kt\u00f3ry wzmacnia mark\u0119<\/h3>\n        <p>\n          Ka\u017cde wydarzenie traktujemy jako narz\u0119dzie budowania emocji, relacji i profesjonalnego wizerunku.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ev-about {\n  position: relative;\n  background:\n    radial-gradient(circle at 12% 18%, rgba(255,255,255,0.06), transparent 30%),\n    radial-gradient(circle at 88% 78%, rgba(255,255,255,0.04), transparent 28%),\n    linear-gradient(180deg, #0b0b0d 0%, #101115 100%);\n  color: #ffffff;\n  padding: 120px 0;\n  overflow: hidden;\n}\n\n.ev-about::before {\n  content: \"\";\n  position: absolute;\n  top: -140px;\n  left: -100px;\n  width: 360px;\n  height: 360px;\n  border-radius: 999px;\n  background: rgba(255,255,255,0.04);\n  filter: blur(90px);\n  pointer-events: none;\n}\n\n.ev-about-grid {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 1.08fr 0.92fr;\n  gap: 56px;\n  align-items: center;\n}\n\n.ev-section-label {\n  display: inline-block;\n  margin: 0 0 16px;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.62);\n}\n\n.ev-about-left h2 {\n  margin: 0 0 26px;\n  font-size: clamp(36px, 5vw, 62px);\n  line-height: 0.98;\n  letter-spacing: -0.04em;\n  font-weight: 700;\n  max-width: 720px;\n}\n\n.ev-about-text {\n  color: rgba(255,255,255,0.72);\n  font-size: 18px;\n  line-height: 1.8;\n  margin: 0 0 18px;\n  max-width: 670px;\n}\n\n.ev-stats {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 18px;\n  margin-top: 38px;\n  max-width: 760px;\n}\n\n.ev-stat {\n  padding: 24px 22px;\n  border-radius: 24px;\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.08);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.04),\n    0 10px 30px rgba(0,0,0,0.18);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;\n}\n\n.ev-stat:hover {\n  transform: translateY(-5px);\n  border-color: rgba(255,255,255,0.14);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.04),\n    0 18px 36px rgba(0,0,0,0.24);\n}\n\n.ev-stat strong {\n  display: block;\n  margin-bottom: 8px;\n  font-size: 34px;\n  line-height: 1;\n  letter-spacing: -0.04em;\n  color: #ffffff;\n}\n\n.ev-stat span {\n  display: block;\n  color: rgba(255,255,255,0.62);\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.ev-about-right {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.ev-about-card {\n  position: relative;\n  padding: 28px 28px 30px;\n  border-radius: 28px;\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.03) 100%);\n  border: 1px solid rgba(255,255,255,0.08);\n  box-shadow:\n    0 16px 40px rgba(0,0,0,0.20),\n    inset 0 1px 0 rgba(255,255,255,0.04);\n  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;\n  overflow: hidden;\n}\n\n.ev-about-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(255,255,255,0.05), transparent 45%);\n  pointer-events: none;\n}\n\n.ev-about-card:hover {\n  transform: translateY(-6px);\n  border-color: rgba(255,255,255,0.14);\n  box-shadow:\n    0 24px 50px rgba(0,0,0,0.26),\n    inset 0 1px 0 rgba(255,255,255,0.06);\n}\n\n.ev-about-card span {\n  display: inline-block;\n  margin-bottom: 12px;\n  font-size: 11px;\n  font-weight: 600;\n  color: rgba(255,255,255,0.58);\n  text-transform: uppercase;\n  letter-spacing: 0.16em;\n}\n\n.ev-about-card h3 {\n  margin: 0 0 12px;\n  font-size: 24px;\n  line-height: 1.15;\n  letter-spacing: -0.03em;\n  color: #ffffff;\n}\n\n.ev-about-card p {\n  margin: 0;\n  color: rgba(255,255,255,0.70);\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n.ev-about-card-accent {\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.04) 100%);\n  border-color: rgba(255,255,255,0.12);\n}\n\n\/* ANIMACJE *\/\n.ev-reveal {\n  opacity: 0;\n  transform: translateY(32px);\n  transition: opacity 0.8s ease, transform 0.8s ease;\n  will-change: opacity, transform;\n}\n\n.ev-reveal.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.ev-reveal-delay-1 {\n  transition-delay: 0.08s;\n}\n\n.ev-reveal-delay-2 {\n  transition-delay: 0.16s;\n}\n\n.ev-reveal-delay-3 {\n  transition-delay: 0.24s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ev-reveal,\n  .ev-about-card,\n  .ev-stat {\n    transition: none !important;\n    transform: none !important;\n    opacity: 1 !important;\n  }\n}\n\n\/* LAPTOP *\/\n@media (max-width: 1100px) {\n  .ev-stats {\n    grid-template-columns: 1fr;\n    max-width: 420px;\n  }\n}\n\n\/* TABLET *\/\n@media (max-width: 980px) {\n  .ev-about {\n    padding: 90px 0;\n  }\n\n  .ev-about-grid {\n    grid-template-columns: 1fr;\n    gap: 34px;\n  }\n\n  .ev-about-left h2,\n  .ev-about-text {\n    max-width: 100%;\n  }\n\n  .ev-stats {\n    max-width: 100%;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .ev-about {\n    padding: 64px 0;\n  }\n\n  .ev-about::before {\n    width: 220px;\n    height: 220px;\n    top: -70px;\n    left: -60px;\n    filter: blur(60px);\n  }\n\n  .ev-about-grid {\n    gap: 24px;\n  }\n\n  .ev-section-label {\n    margin-bottom: 12px;\n    font-size: 11px;\n    letter-spacing: 0.16em;\n  }\n\n  .ev-about-left h2 {\n    margin-bottom: 18px;\n    font-size: 32px;\n    line-height: 1.02;\n    max-width: 100%;\n  }\n\n  .ev-about-text {\n    font-size: 15px;\n    line-height: 1.6;\n    margin-bottom: 14px;\n  }\n\n  .ev-stats {\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-top: 24px;\n  }\n\n  .ev-stat {\n    padding: 18px 16px;\n    border-radius: 18px;\n  }\n\n  .ev-stat strong {\n    margin-bottom: 6px;\n    font-size: 26px;\n  }\n\n  .ev-stat span {\n    font-size: 13px;\n    line-height: 1.45;\n  }\n\n  .ev-about-right {\n    gap: 14px;\n  }\n\n  .ev-about-card {\n    padding: 20px 18px 22px;\n    border-radius: 18px;\n  }\n\n  .ev-about-card span {\n    margin-bottom: 10px;\n    font-size: 10px;\n  }\n\n  .ev-about-card h3 {\n    margin-bottom: 10px;\n    font-size: 19px;\n    line-height: 1.2;\n  }\n\n  .ev-about-card p {\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  .ev-about-card:hover,\n  .ev-stat:hover {\n    transform: none;\n  }\n}\n\n\/* MA\u0141E TELEFONY *\/\n@media (max-width: 480px) {\n  .ev-about {\n    padding: 54px 0;\n  }\n\n  .ev-about-left h2 {\n    font-size: 28px;\n  }\n\n  .ev-about-text {\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  .ev-stat {\n    padding: 16px 14px;\n  }\n\n  .ev-stat strong {\n    font-size: 24px;\n  }\n\n  .ev-about-card {\n    padding: 18px 16px 20px;\n    border-radius: 16px;\n  }\n\n  .ev-about-card h3 {\n    font-size: 18px;\n  }\n\n  .ev-about-card p {\n    font-size: 13px;\n    line-height: 1.5;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const revealElements = document.querySelectorAll(\".ev-reveal\");\n  const counters = document.querySelectorAll(\".ev-count\");\n\n  const animateCounter = (element) => {\n    if (element.dataset.animated === \"true\") return;\n\n    const target = parseInt(element.dataset.target, 10) || 0;\n    const suffix = element.dataset.suffix || \"\";\n    const duration = 1800;\n    const startTime = performance.now();\n\n    element.dataset.animated = \"true\";\n\n    const step = (currentTime) => {\n      const progress = Math.min((currentTime - startTime) \/ duration, 1);\n      const eased = 1 - Math.pow(1 - progress, 3);\n      const value = Math.floor(eased * target);\n\n      element.textContent = value.toLocaleString(\"pl-PL\") + suffix;\n\n      if (progress < 1) {\n        requestAnimationFrame(step);\n      } else {\n        element.textContent = target.toLocaleString(\"pl-PL\") + suffix;\n      }\n    };\n\n    requestAnimationFrame(step);\n  };\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"is-visible\");\n\n        if (entry.target.classList.contains(\"ev-stat\")) {\n          const counter = entry.target.querySelector(\".ev-count\");\n          if (counter) animateCounter(counter);\n        }\n\n        observer.unobserve(entry.target);\n      }\n    });\n  }, {\n    threshold: 0.2\n  });\n\n  revealElements.forEach((element) => {\n    observer.observe(element);\n  });\n\n  counters.forEach((counter) => {\n    const parentStat = counter.closest(\".ev-stat\");\n    if (parentStat && !parentStat.classList.contains(\"ev-reveal\")) {\n      animateCounter(counter);\n    }\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46e10cf elementor-widget elementor-widget-html\" data-id=\"46e10cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ev-contact\" id=\"kontakt\">\n  <div class=\"ev-wrap ev-contact-inner\">\n\n    <div class=\"ev-contact-left ev-reveal\">\n      <p class=\"ev-section-label\">Kontakt<\/p>\n      <h2>Porozmawiajmy o Twoim wydarzeniu.<\/h2>\n      <p class=\"ev-contact-text\">\n        Napisz do nas, a przygotujemy koncepcj\u0119 dopasowan\u0105 do Twojej marki, celu wydarzenia i oczekiwanego efektu.\n      <\/p>\n\n      <div class=\"ev-contact-info\">\n        <div class=\"ev-contact-box ev-reveal ev-reveal-delay-1\">\n          <span>Email<\/span>\n          <strong><a href=\"mailto:kontakt@eventvibe.pl\">kontakt@eventvibe.pl<\/a><\/strong>\n        <\/div>\n\n        <div class=\"ev-contact-box ev-reveal ev-reveal-delay-2\">\n          <span>Telefon<\/span>\n          <strong><a href=\"tel:+48123456789\">+48 123 456 789<\/a><\/strong>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ev-contact-form-wrap ev-reveal ev-reveal-delay-2\">\n\n      <!-- STATUS -->\n      <div class=\"ev-form-status\">\n        <script>\n          (function () {\n            const params = new URLSearchParams(window.location.search);\n            const status = params.get('form_status');\n            if (!status) return;\n\n            let message = '';\n            let className = 'ev-status-box';\n\n            if (status === 'success') {\n              message = 'Dzi\u0119ki! Wiadomo\u015b\u0107 zosta\u0142a wys\u0142ana.';\n              className += ' is-success';\n            } else {\n              message = 'Co\u015b posz\u0142o nie tak. Spr\u00f3buj ponownie.';\n              className += ' is-error';\n            }\n\n            document.write('<div class=\"' + className + '\">' + message + '<\/div>');\n          })();\n        <\/script>\n      <\/div>\n\n      <!-- FORMULARZ -->\n      <form class=\"ev-form\" method=\"post\" action=\"\/wp-admin\/admin-post.php\">\n        <input type=\"hidden\" name=\"action\" value=\"eventvibe_contact_form\">\n\n        <div class=\"ev-form-grid\">\n          <div class=\"ev-field\">\n            <input type=\"text\" name=\"name\" placeholder=\"Imi\u0119 \/ firma\" required>\n          <\/div>\n\n          <div class=\"ev-field\">\n            <input type=\"email\" name=\"email\" placeholder=\"Adres e-mail\" required>\n          <\/div>\n        <\/div>\n\n        <div class=\"ev-field\">\n          <textarea name=\"message\" placeholder=\"Opisz sw\u00f3j event...\" rows=\"6\" required><\/textarea>\n        <\/div>\n\n        <button type=\"submit\">Wy\u015blij zapytanie<\/button>\n      <\/form>\n      <p style=\"opacity:.5;font-size:13px;margin-top:10px;\">\nOdpowiadamy zazwyczaj w ci\u0105gu 12h.\n<\/p>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<style>\n.ev-contact {\n  background: #0b0c0f;\n  color: #fff;\n  padding: 120px 0;\n}\n\n.ev-contact-inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  align-items: start;\n}\n\n\/* LEFT *\/\n.ev-contact-left h2 {\n  margin: 0 0 20px;\n  font-size: clamp(34px, 5vw, 56px);\n  line-height: 1.02;\n}\n\n.ev-contact-text {\n  font-size: 18px;\n  line-height: 1.7;\n  opacity: 0.7;\n  margin-bottom: 30px;\n}\n\n.ev-contact-info {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.ev-contact-box {\n  padding: 20px 22px;\n  border-radius: 18px;\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.08);\n}\n\n.ev-contact-box span {\n  display: block;\n  font-size: 12px;\n  opacity: 0.6;\n  margin-bottom: 6px;\n}\n\n.ev-contact-box a {\n  color: #fff;\n  text-decoration: none;\n}\n\n\/* FORM *\/\n.ev-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.ev-form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n}\n\n.ev-field input,\n.ev-field textarea {\n  width: 100%;\n  padding: 16px 18px;\n  border-radius: 14px;\n  border: 1px solid rgba(255,255,255,0.08);\n  background: rgba(255,255,255,0.03);\n  color: #fff;\n  font-size: 15px;\n  outline: none;\n}\n\n.ev-field input::placeholder,\n.ev-field textarea::placeholder {\n  color: rgba(255,255,255,0.4);\n}\n\n.ev-field input:focus,\n.ev-field textarea:focus {\n  border-color: rgba(255,255,255,0.25);\n}\n\n\/* BUTTON *\/\n.ev-form button {\n  margin-top: 8px;\n  padding: 16px 20px;\n  border-radius: 999px;\n  border: none;\n  background: #fff;\n  color: #111;\n  font-weight: 700;\n  cursor: pointer;\n  transition: 0.25s;\n}\n\n.ev-form button:hover {\n  transform: translateY(-2px);\n}\n\n\/* MOBILE *\/\n@media (max-width: 768px) {\n  .ev-contact {\n    padding: 68px 0;\n  }\n\n  .ev-contact-inner {\n    grid-template-columns: 1fr;\n    gap: 34px;\n  }\n\n  .ev-contact-left h2 {\n    font-size: 32px;\n  }\n\n  .ev-contact-text {\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .ev-form-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ev-field input,\n  .ev-field textarea {\n    padding: 14px 16px;\n  }\n\n  .ev-form button {\n    width: 100%;\n    padding: 14px;\n  }\n}\n\n\/* SMALL MOBILE *\/\n@media (max-width: 480px) {\n  .ev-contact {\n    padding: 56px 0;\n  }\n\n  .ev-contact-left h2 {\n    font-size: 28px;\n  }\n\n  .ev-contact-text {\n    font-size: 14px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28eb8e7 elementor-widget elementor-widget-html\" data-id=\"28eb8e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ev-footer\">\n  <div class=\"ev-wrap\">\n\n    <div class=\"ev-footer-top\">\n      <div class=\"ev-footer-brand\">\n        <div class=\"ev-footer-logo\">EVENTVIBE<\/div>\n        <p>\n          Tworzymy wydarzenia, kt\u00f3re robi\u0105 wra\u017cenie \u2014 od koncepcji po realizacj\u0119.\n        <\/p>\n      <\/div>\n\n      <div class=\"ev-footer-links\">\n        <div class=\"ev-footer-col\">\n          <span>Nawigacja<\/span>\n          <a href=\"#start\">Start<\/a>\n          <a href=\"#oferta\">Oferta<\/a>\n          <a href=\"#realizacje\">Realizacje<\/a>\n          <a href=\"#onas\">O nas<\/a>\n          <a href=\"#kontakt\">Kontakt<\/a>\n        <\/div>\n\n        <div class=\"ev-footer-col\">\n          <span>Kontakt<\/span>\n          <a href=\"mailto:kontakt@eventvibe.pl\">kontakt@eventvibe.pl<\/a>\n          <a href=\"tel:+48123456789\">+48 123 456 789<\/a>\n          <p>Ca\u0142a Polska<\/p>\n        <\/div>\n\n        <div class=\"ev-footer-col\">\n          <span>Informacje<\/span>\n          <a href=\"\/polityka-prywatnosci\">Polityka prywatno\u015bci<\/a>\n          <a href=\"\/polityka-cookies\">Polityka cookies<\/a>\n          <a href=\"\/regulamin\">Regulamin<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ev-footer-bottom\">\n      <p>\u00a9 2026 EventVibe. Wszelkie prawa zastrze\u017cone.<\/p>\n      <p>Projekt i realizacja: EventVibe<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ev-footer {\n  background: #090a0d;\n  color: #fff;\n  padding: 64px 0 28px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n}\n\n.ev-footer-top {\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: 42px;\n  padding-bottom: 28px;\n}\n\n.ev-footer-brand {\n  max-width: 420px;\n}\n\n.ev-footer-logo {\n  font-size: 20px;\n  font-weight: 800;\n  letter-spacing: 0.16em;\n  margin-bottom: 16px;\n}\n\n.ev-footer-brand p {\n  margin: 0;\n  color: rgba(255,255,255,0.66);\n  font-size: 15px;\n  line-height: 1.7;\n}\n\n.ev-footer-links {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n}\n\n.ev-footer-col {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.ev-footer-col span {\n  display: inline-block;\n  margin-bottom: 4px;\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.16em;\n  color: rgba(255,255,255,0.45);\n}\n\n.ev-footer-col a,\n.ev-footer-col p {\n  margin: 0;\n  color: rgba(255,255,255,0.74);\n  text-decoration: none;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.ev-footer-col a:hover {\n  color: #fff;\n}\n\n.ev-footer-bottom {\n  padding-top: 20px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n  display: flex;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.ev-footer-bottom p {\n  margin: 0;\n  font-size: 13px;\n  color: rgba(255,255,255,0.5);\n}\n\n@media (max-width: 980px) {\n  .ev-footer-top {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n\n  .ev-footer-links {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 768px) {\n  .ev-footer {\n    padding: 52px 0 22px;\n  }\n\n  .ev-footer-links {\n    grid-template-columns: 1fr;\n    gap: 22px;\n  }\n\n  .ev-footer-logo {\n    font-size: 18px;\n  }\n\n  .ev-footer-brand p {\n    font-size: 14px;\n    line-height: 1.6;\n  }\n\n  .ev-footer-bottom {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n@media (max-width: 480px) {\n  .ev-footer {\n    padding: 44px 0 20px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a22df98 elementor-widget elementor-widget-html\" data-id=\"a22df98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\nif ('scrollRestoration' in history) {\n  history.scrollRestoration = 'manual';\n}\n\nwindow.addEventListener('load', function () {\n  if (!window.location.hash) {\n    window.scrollTo(0, 0);\n  }\n});\n<\/script>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const links = document.querySelectorAll('a[href^=\"#\"]');\n\n  links.forEach((link) => {\n    link.addEventListener(\"click\", function () {\n      const href = this.getAttribute(\"href\");\n      if (!href || href === \"#\") return;\n\n      setTimeout(() => {\n        history.replaceState(null, \"\", window.location.pathname + window.location.search);\n      }, 500);\n    });\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Oferta Realizacje O nas Kontakt Wy\u015blij zapytanie Tworzymy wydarzenia, kt\u00f3re robi\u0105 wra\u017cenie. Od koncepcji po realizacj\u0119 \u2014 projektujemy eventy, kt\u00f3re anga\u017cuj\u0105 i zostaj\u0105 w pami\u0119ci. Wy\u015blij zapytanie Zobacz realizacje Oferta Projektujemy wydarzenia, kt\u00f3re robi\u0105 efekt. Od kameralnych spotka\u0144 po du\u017ce realizacje premium. \u0141\u0105czymy koncepcj\u0119, produkcj\u0119 i dopracowan\u0105 opraw\u0119, \u017ceby Twoja marka zosta\u0142a zapami\u0119tana. 01 Eventy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eventvibe.pl\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eventvibe.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eventvibe.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eventvibe.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eventvibe.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":235,"href":"https:\/\/eventvibe.pl\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":284,"href":"https:\/\/eventvibe.pl\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/284"}],"wp:attachment":[{"href":"https:\/\/eventvibe.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}