{"id":2,"date":"2026-09-30T14:05:43","date_gmt":"2026-09-30T14:05:43","guid":{"rendered":"https:\/\/oskarbak.pl\/?page_id=2"},"modified":"2026-10-01T08:05:58","modified_gmt":"2026-10-01T08:05:58","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/oskarbak.pl\/en\/","title":{"rendered":"Strona G\u0142\u00f3wna"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9711b0 e-con-full e-flex e-con e-parent\" data-id=\"d9711b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77145bf1 elementor-widget elementor-widget-text-editor\" data-id=\"77145bf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;600;700;800&family=Newsreader:opsz,wght@6..72,400&family=Space+Mono&display=swap');\n\n.ob-hero {\n  --ob-paper: #F2F0EB;\n  --ob-ink: #1A1A18;\n  --ob-red: #C9291B;\n  box-sizing: border-box;\n  width: 100%;\n  background: var(--ob-paper);\n  color: var(--ob-ink);\n  border-bottom: 1px solid #DCD8CF;\n  overflow: hidden;\n  font-family: 'Archivo', Helvetica, sans-serif;\n}\n.ob-hero *,\n.ob-hero *::before,\n.ob-hero *::after {\n  box-sizing: border-box;\n}\n.ob-hero__inner {\n  max-width: 1680px;\n  margin: 0 auto;\n  padding: clamp(42px, 4.6vw, 88px) clamp(20px, 4vw, 76px)\n           clamp(36px, 3.2vw, 62px);\n}\n.ob-hero__label {\n  display: flex;\n  align-items: baseline;\n  gap: 18px;\n  font-family: 'Space Mono', monospace;\n  font-size: clamp(10px, .7vw, 14px);\n  line-height: 1.7;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n  color: #8C877E;\n}\n.ob-hero__number {\n  color: var(--ob-red);\n}\n.ob-hero .ob-hero__title {\n  margin: clamp(20px, 2vw, 38px) 0 0;\n  padding: 0;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  font-weight: 600;\n  letter-spacing: -.035em;\n  text-transform: uppercase;\n  color: var(--ob-ink);\n}\n.ob-hero__mask {\n  display: block;\n  overflow: hidden;\n  padding-bottom: .04em;\n}\n.ob-hero__line {\n  display: block;\n  font-size: clamp(34px, 7.2vw, 138px);\n  line-height: .98;\n  animation: ob-mask-in 1.05s cubic-bezier(.16,1,.3,1) both;\n}\n.ob-hero__mask--second {\n  margin-left: clamp(20px, 7vw, 134px);\n}\n.ob-hero__mask--second .ob-hero__line {\n  font-size: clamp(28px, 5.6vw, 108px);\n  color: #6E6A62;\n  animation-delay: .11s;\n}\n.ob-hero__mask--third {\n  margin-top: clamp(8px, 1vw, 19px);\n  margin-left: clamp(8px, 3.5vw, 67px);\n}\n.ob-hero__highlight {\n  display: inline-block;\n  background: #0E0E0D;\n  color: var(--ob-paper);\n  padding: .1em .28em .16em;\n  font-size: clamp(24px, 4.8vw, 92px);\n  line-height: 1;\n  animation: ob-mask-in 1.05s cubic-bezier(.16,1,.3,1) .22s both;\n}\n.ob-hero__dot {\n  color: var(--ob-red);\n}\n.ob-hero .ob-hero__description {\n  max-width: 44ch;\n  margin: clamp(26px, 2.6vw, 50px) 0 0 clamp(8px, 3.5vw, 67px);\n  padding-left: clamp(16px, 1.2vw, 23px);\n  border-left: 2px solid var(--ob-red);\n  font-family: 'Newsreader', Georgia, serif;\n  font-size: clamp(19px, 1.45vw, 28px);\n  font-weight: 400;\n  line-height: 1.35;\n  color: #3A3A36;\n  animation: ob-rise 1s cubic-bezier(.16,1,.3,1) .4s both;\n}\n@keyframes ob-mask-in {\n  from { transform: translateY(105%) rotate(1.5deg); }\n  to { transform: translateY(0) rotate(0); }\n}\n@keyframes ob-rise {\n  from { opacity: 0; transform: translateY(26px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n@media (max-width: 600px) {\n  .ob-hero__inner { padding: 40px 20px 36px; }\n  .ob-hero__label { gap: 12px; letter-spacing: .09em; }\n  .ob-hero__line { font-size: clamp(30px, 8.3vw, 50px); }\n  .ob-hero__mask--second { margin-left: 16px; }\n  .ob-hero__mask--second .ob-hero__line {\n    font-size: clamp(27px, 7.3vw, 44px);\n  }\n  .ob-hero__mask--third { margin-left: 0; }\n  .ob-hero__highlight {\n    font-size: clamp(20px, 5.7vw, 34px);\n  }\n  .ob-hero .ob-hero__description {\n    margin-left: 0;\n    font-size: 20px;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .ob-hero__line,\n  .ob-hero__highlight,\n  .ob-hero .ob-hero__description {\n    animation: none;\n  }\n}\n<\/style><\/p>\n<section id=\"top\" class=\"ob-hero\" aria-labelledby=\"ob-hero-title\">\n<div class=\"ob-hero__inner\">\n<div class=\"ob-hero__label\"><span class=\"ob-hero__number\">01<\/span>Dziennikarz \/ Tw\u00f3rca \/ Projekty medialne<\/div>\n<h1 id=\"ob-hero-title\" class=\"ob-hero__title\"><span class=\"ob-hero__mask\"> <span class=\"ob-hero__line\">Szukam historii,<\/span> <\/span> <span class=\"ob-hero__mask ob-hero__mask--second\"> <span class=\"ob-hero__line\">buduj\u0119 format,<\/span> <\/span> <span class=\"ob-hero__mask ob-hero__mask--third\"> <span class=\"ob-hero__highlight\">\u017ceby j\u0105 opowiedzie\u0107<span class=\"ob-hero__dot\">.<\/span><\/span> <\/span><\/h1>\n<p class=\"ob-hero__description\">Reporta\u017c, wideo i nowe media \u2014 budowane od zera, publikowane bez pytania o pozwolenie.<\/p>\n<\/div>\n<\/section>\n\n\n\n<p><style>\n.ob-reel {\n  position: relative;\n  width: 100%;\n  height: clamp(110px, 10vw, 192px);\n  overflow: hidden;\n  background: #0E0E0D;\n}\n.ob-reel *,\n.ob-reel *::before,\n.ob-reel *::after {\n  box-sizing: border-box;\n}\n.ob-reel::before,\n.ob-reel::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 15px;\n  z-index: 2;\n  pointer-events: none;\n  background-color: #DCD8CF;\n  background-image: radial-gradient(\n    circle at center,\n    #0E0E0D 3.4px,\n    transparent 3.5px\n  );\n  background-size: 24px 15px;\n  background-repeat: repeat-x;\n}\n.ob-reel::before { top: 0; }\n.ob-reel::after { bottom: 0; }\n\n.ob-reel__track {\n  position: absolute;\n  top: 15px;\n  bottom: 15px;\n  display: flex;\n  width: max-content;\n  animation: ob-reel-scroll 46s linear infinite;\n}\n.ob-reel__group {\n  display: flex;\n  flex-shrink: 0;\n  height: 100%;\n  gap: clamp(8px, 1.2vw, 23px);\n  padding-right: clamp(8px, 1.2vw, 23px);\n}\n.ob-reel__card {\n  position: relative;\n  display: block;\n  flex-shrink: 0;\n  height: 100%;\n  aspect-ratio: 4 \/ 3;\n  overflow: hidden;\n  background: #1F1F1D;\n  text-decoration: none;\n}\n.ob-reel__card img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  filter: grayscale(.15) contrast(1.05);\n  transition: filter .3s ease, transform .3s ease;\n}\n.ob-reel__card::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: rgba(14,14,13,.28);\n  box-shadow: inset 0 0 0 0 #C9291B;\n  transition: background .3s ease, box-shadow .3s ease;\n}\n.ob-reel__card:hover::after,\n.ob-reel__card:focus-visible::after {\n  background: rgba(14,14,13,.08);\n  box-shadow: inset 0 0 0 2px #C9291B;\n}\n.ob-reel__card:hover img {\n  filter: grayscale(0) contrast(1.05);\n  transform: scale(1.04);\n}\n.ob-reel__number {\n  position: absolute;\n  bottom: 5px;\n  left: 7px;\n  z-index: 1;\n  font-family: 'Space Mono', monospace;\n  font-size: 9px;\n  line-height: 1;\n  letter-spacing: .1em;\n  color: #F2F0EB;\n}\n.ob-reel:hover .ob-reel__track,\n.ob-reel:focus-within .ob-reel__track {\n  animation-play-state: paused;\n}\n@keyframes ob-reel-scroll {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n@media (prefers-reduced-motion: reduce) {\n  .ob-reel { overflow-x: auto; }\n  .ob-reel__track { animation: none; }\n}\n<\/style><\/p>\n<div class=\"ob-reel\" aria-label=\"Projekty Oskara B\u0105ka\">\n<div class=\"ob-reel__track\">\n<div class=\"ob-reel__group\"><a class=\"ob-reel__card\" href=\"#praca\" aria-label=\"Puls Gda\u0144ska \u2014 zobacz projekty\"> <img decoding=\"async\" src=\"URL_PULS\" alt=\"Puls Gda\u0144ska\" \/> <span class=\"ob-reel__number\">01<\/span> <\/a> <a class=\"ob-reel__card\" href=\"#praca\" aria-label=\"Na P\u0142ocie \u2014 zobacz projekty\"> <img decoding=\"async\" src=\"URL_PLOT\" alt=\"Na P\u0142ocie\" \/> <span class=\"ob-reel__number\">02<\/span> <\/a> <a class=\"ob-reel__card\" href=\"#praca\" aria-label=\"O Afryce \u2014 zobacz projekty\"> <img decoding=\"async\" src=\"URL_AFRYKA\" alt=\"O Afryce\" \/> <span class=\"ob-reel__number\">03<\/span> <\/a><\/div>\n<\/div>\n<\/div>\n<p><script>\n(function () {\n  document.querySelectorAll('.ob-reel').forEach(function (reel) {\n    if (reel.dataset.ready) return;\n    reel.dataset.ready = 'true';\n\n    var track = reel.querySelector('.ob-reel__track');\n    var group = track.querySelector('.ob-reel__group');\n    var originals = Array.from(group.children);\n\n    \/* Poszerzamy grup\u0119, \u017ceby ta\u015bma wype\u0142nia\u0142a ca\u0142y ekran. *\/\n    while (group.children.length < 18) {\n      originals.forEach(function (card) {\n        var copy = card.cloneNode(true);\n        copy.setAttribute('aria-hidden', 'true');\n        copy.setAttribute('tabindex', '-1');\n        group.appendChild(copy);\n      });\n    }\n\n    \/* Druga identyczna grupa zapewnia ci\u0105g\u0142\u0105 p\u0119tl\u0119. *\/\n    var duplicate = group.cloneNode(true);\n    duplicate.setAttribute('aria-hidden', 'true');\n    duplicate.querySelectorAll('a').forEach(function (link) {\n      link.setAttribute('tabindex', '-1');\n    });\n    track.appendChild(duplicate);\n  });\n})();\n<\/script><\/p>\n\n\n\n<p><style>\n.ob-projects-block {\n  background: #F2F0EB;\n  color: #1A1A18;\n  font-family: 'Archivo', Helvetica, sans-serif;\n}\n.ob-projects-block *,\n.ob-projects-block *::before,\n.ob-projects-block *::after {\n  box-sizing: border-box;\n}\n.ob-projects-block a {\n  text-decoration: none;\n}\n.ob-intro-strip {\n  padding: clamp(24px, 3vw, 58px) clamp(20px, 4vw, 76px);\n  border-bottom: 1px solid #DCD8CF;\n}\n.ob-intro-strip__inner {\n  max-width: 1528px;\n  margin: 0 auto;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 28px;\n}\n.ob-intro-strip__facts {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px 36px;\n  font-family: 'Space Mono', monospace;\n  font-size: clamp(11px, .9vw, 16px);\n  line-height: 1.7;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  color: #8C877E;\n}\n.ob-intro-strip__facts strong {\n  color: #1A1A18;\n  font-weight: 400;\n}\n.ob-intro-strip__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n.ob-projects-block .ob-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  padding: 16px 24px;\n  background: #1A1A18;\n  border: 2px solid #1A1A18;\n  color: #F2F0EB;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  transition: background .25s ease, color .25s ease,\n              border-color .25s ease;\n}\n.ob-projects-block .ob-button:hover {\n  background: #C9291B;\n  border-color: #C9291B;\n  color: #F2F0EB;\n}\n.ob-projects-block .ob-button--outline {\n  background: transparent;\n  color: #1A1A18;\n}\n.ob-projects-block .ob-button--outline:hover {\n  background: #1A1A18;\n  border-color: #1A1A18;\n  color: #F2F0EB;\n}\n.ob-projects {\n  padding: clamp(40px, 5vw, 96px) clamp(20px, 4vw, 76px)\n           clamp(40px, 5vw, 96px);\n  scroll-margin-top: 110px;\n}\n.ob-projects__inner {\n  max-width: 1528px;\n  margin: 0 auto;\n}\n.ob-projects__heading {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 20px;\n  border-bottom: 1px solid #1A1A18;\n  padding-bottom: 14px;\n}\n.ob-projects-block .ob-projects__title {\n  margin: 0;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  font-size: clamp(28px, 4.4vw, 84px);\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: -.04em;\n  text-transform: uppercase;\n  color: #1A1A18;\n}\n.ob-projects__count {\n  flex-shrink: 0;\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n  color: #8C877E;\n}\n.ob-projects__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: clamp(20px, 2.6vw, 50px);\n  margin-top: clamp(28px, 3.4vw, 65px);\n}\n.ob-project-card {\n  min-width: 0;\n  background: #0E0E0D;\n  padding: 12px 12px 0;\n  box-shadow: 0 26px 50px -24px rgba(26,26,24,.5);\n  transform: rotate(-.5deg);\n  transition: transform .4s ease;\n}\n.ob-project-card:nth-child(2) {\n  transform: rotate(.6deg);\n}\n.ob-project-card:nth-child(3) {\n  transform: rotate(-.7deg);\n}\n.ob-project-card:hover {\n  transform: rotate(0) translateY(-6px);\n}\n.ob-project-card__lights {\n  width: 81px;\n  height: 14px;\n  margin: 0 auto 6px;\n  background: radial-gradient(\n    circle at 2px 2px,\n    #F2F0EB 2px,\n    transparent 2.5px\n  ) 0 0 \/ 11px 8px repeat-x;\n}\n.ob-project-card__visual {\n  position: relative;\n  aspect-ratio: 2 \/ 3;\n  overflow: hidden;\n  background: #E4E0D8;\n}\n.ob-project-card:nth-child(2) .ob-project-card__visual {\n  background: #1F1F1D;\n}\n.ob-project-card:nth-child(3) .ob-project-card__visual {\n  background: #D9D3C7;\n}\n.ob-project-card__image {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.ob-project-card__image[hidden] {\n  display: none;\n}\n.ob-project-card__number {\n  position: absolute;\n  top: 14px;\n  left: 14px;\n  z-index: 1;\n  font-family: 'Space Mono', monospace;\n  font-size: 16px;\n  color: #C9291B;\n}\n.ob-project-card__category {\n  position: absolute;\n  top: 14px;\n  right: 14px;\n  z-index: 1;\n  text-align: right;\n  font-family: 'Space Mono', monospace;\n  font-size: 10px;\n  line-height: 1.5;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  color: #6E6A62;\n}\n.ob-project-card:nth-child(2) .ob-project-card__category {\n  color: #A8A29A;\n}\n.ob-project-card__play {\n  position: absolute;\n  top: 42%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 52px;\n  height: 52px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-left: 3px;\n  border: 1px solid #F2F0EB;\n  border-radius: 50%;\n  background: rgba(14,14,13,.35);\n  color: #F2F0EB;\n  font-size: 16px;\n}\n.ob-project-card__copy {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 56px 18px 18px;\n  background: linear-gradient(\n    to top,\n    rgba(14,14,13,.96) 0%,\n    rgba(14,14,13,.78) 55%,\n    transparent 100%\n  );\n}\n.ob-projects-block .ob-project-card__title {\n  margin: 0;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  font-size: clamp(28px, 2.2vw, 42px);\n  font-weight: 800;\n  line-height: 1;\n  text-transform: uppercase;\n  color: #F2F0EB;\n}\n.ob-projects-block .ob-project-card__description {\n  max-width: 26ch;\n  margin: 12px 0 0;\n  font-family: 'Newsreader', Georgia, serif;\n  font-size: clamp(16px, 1.1vw, 21px);\n  font-style: italic;\n  line-height: 1.35;\n  color: #C9C5BB;\n}\n.ob-project-card__credit {\n  margin-top: 18px;\n  padding-top: 12px;\n  border-top: 1px solid rgba(242,240,235,.18);\n  font-family: 'Space Mono', monospace;\n  font-size: 9px;\n  line-height: 1.6;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  color: #A8A29A;\n}\n.ob-project-card__footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  flex-wrap: wrap;\n  gap: 8px;\n  padding: 14px 4px 18px;\n  font-family: 'Space Mono', monospace;\n  font-size: 10px;\n  line-height: 1.5;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  color: #8C877E;\n}\n.ob-project-card__footer span:last-child {\n  color: #C9291B;\n}\n.ob-projects__perforation {\n  height: 14px;\n  background-color: #DCD8CF;\n  background-image: radial-gradient(\n    circle at center,\n    #0E0E0D 3.2px,\n    transparent 3.3px\n  );\n  background-size: 24px 14px;\n  background-repeat: repeat-x;\n}\n@media (max-width: 900px) {\n  .ob-projects__grid { gap: 20px; }\n  .ob-project-card__copy { padding: 40px 12px 14px; }\n  .ob-projects-block .ob-project-card__title { font-size: 26px; }\n  .ob-projects-block .ob-project-card__description { font-size: 16px; }\n}\n@media (max-width: 700px) {\n  .ob-projects__grid {\n    grid-template-columns: 1fr;\n    gap: 36px;\n    max-width: 440px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .ob-projects__heading {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 12px;\n  }\n  .ob-project-card__copy { padding: 56px 18px 20px; }\n  .ob-projects-block .ob-project-card__title { font-size: 38px; }\n  .ob-projects-block .ob-project-card__description { font-size: 20px; }\n  .ob-project-card__credit { font-size: 10px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .ob-project-card { transition: none; }\n  .ob-project-card:hover { transform: rotate(0); }\n}\n<\/style><\/p>\n<div class=\"ob-projects-block\">\n<div class=\"ob-intro-strip\">\n<div class=\"ob-intro-strip__inner\">\n<div class=\"ob-intro-strip__facts\">Z siedzib\u0105 w <strong>Gda\u0144sk, PL<\/strong> Dzia\u0142am na styku <strong>Dziennikarstwo \/ Wideo \/ Digital<\/strong> Niezale\u017cny od <strong>2026<\/strong><\/div>\n<div class=\"ob-intro-strip__actions\"><a class=\"ob-button\" href=\"#praca\"> Zobacz projekty <span aria-hidden=\"true\">\u2193<\/span> <\/a> <a class=\"ob-button ob-button--outline\" href=\"#kontakt\"> Wsp\u00f3\u0142pracujmy <span aria-hidden=\"true\">\u2192<\/span> <\/a><\/div>\n<\/div>\n<\/div>\n<section id=\"praca\" class=\"ob-projects\" aria-labelledby=\"ob-projects-title\">\n<div class=\"ob-projects__inner\">\n<div class=\"ob-projects__heading\">\n<h2 id=\"ob-projects-title\" class=\"ob-projects__title\">Wybrane projekty<\/h2>\n<span class=\"ob-projects__count\">Trzy projekty<\/span><\/div>\n<div class=\"ob-projects__grid\">\n<article class=\"ob-project-card\">\n<div class=\"ob-project-card__lights\" aria-hidden=\"true\">\u00a0<\/div>\n<div class=\"ob-project-card__visual\"><!-- Zdj\u0119cie w\u0142\u0105czymy na ko\u0144cu. --> <img class=\"ob-project-card__image\" hidden=\"\" alt=\"Puls Gda\u0144ska\" data-ob-image=\"puls\" data-src=\"URL_PULS\" \/> <span class=\"ob-project-card__number\">01<\/span> <span class=\"ob-project-card__category\">News<br \/>Wideo<\/span>\n<div class=\"ob-project-card__copy\">\n<h3 class=\"ob-project-card__title\">Puls<br \/>Gda\u0144ska<\/h3>\n<p class=\"ob-project-card__description\">Miasto ma tysi\u0105c historii dziennie. Ta ekipa \u0142apie jedn\u0105, zanim zniknie.<\/p>\n<div class=\"ob-project-card__credit\">Reporta\u017c, zdj\u0119cia i monta\u017c \u2014 Oskar B\u0105k<\/div>\n<\/div>\n<\/div>\n<div class=\"ob-project-card__footer\">Dziennikarstwo lokalneZobacz \u2192<\/div>\n<\/article>\n<article class=\"ob-project-card\">\n<div class=\"ob-project-card__lights\" aria-hidden=\"true\">\u00a0<\/div>\n<div class=\"ob-project-card__visual\"><img class=\"ob-project-card__image\" hidden=\"\" alt=\"Na P\u0142ocie\" data-ob-image=\"plot\" data-src=\"URL_PLOT\" \/> <span class=\"ob-project-card__number\">02<\/span> <span class=\"ob-project-card__category\"> YouTube<br \/>Dokument <\/span> <span class=\"ob-project-card__play\" aria-hidden=\"true\">\u25b6<\/span>\n<div class=\"ob-project-card__copy\">\n<h3 class=\"ob-project-card__title\">Na<br \/>P\u0142ocie<\/h3>\n<p class=\"ob-project-card__description\">Kana\u0142, kt\u00f3ry m\u00f3wi to, czego lokalne wiadomo\u015bci nie powiedz\u0105.<\/p>\n<div class=\"ob-project-card__credit\">Zdj\u0119cia, monta\u017c i dystrybucja \u2014 Oskar B\u0105k<\/div>\n<\/div>\n<\/div>\n<div class=\"ob-project-card__footer\">Niezale\u017cny kana\u0142Odtw\u00f3rz \u2192<\/div>\n<\/article>\n<article class=\"ob-project-card\">\n<div class=\"ob-project-card__lights\" aria-hidden=\"true\">\u00a0<\/div>\n<div class=\"ob-project-card__visual\"><img class=\"ob-project-card__image\" hidden=\"\" alt=\"O Afryce\" data-ob-image=\"afryka\" data-src=\"URL_AFRYKA\" \/> <span class=\"ob-project-card__number\">03<\/span> <span class=\"ob-project-card__category\"> Podr\u00f3\u017ce<br \/>Etiopia <\/span>\n<div class=\"ob-project-card__copy\">\n<h3 class=\"ob-project-card__title\">O<br \/>Afryce<\/h3>\n<p class=\"ob-project-card__description\">Zanim wyjecha\u0142, my\u015bla\u0142, \u017ce wie, co zastanie w Etiopii.<\/p>\n<div class=\"ob-project-card__credit\">Zdj\u0119cia i tekst \u2014 Oskar B\u0105k<\/div>\n<\/div>\n<\/div>\n<div class=\"ob-project-card__footer\">StorytellingZobacz \u2192<\/div>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n<div class=\"ob-projects__perforation\" aria-hidden=\"true\">\u00a0<\/div>\n<\/div>\n\n\n\n<p><style>\n.ob-materials {\n  background: #1A1A18;\n  color: #F2F0EB;\n  padding: clamp(40px, 5vw, 96px) clamp(20px, 4vw, 76px);\n  font-family: 'Archivo', Helvetica, sans-serif;\n  scroll-margin-top: 110px;\n}\n.ob-materials *,\n.ob-materials *::before,\n.ob-materials *::after {\n  box-sizing: border-box;\n}\n.ob-materials__inner {\n  max-width: 1528px;\n  margin: 0 auto;\n}\n.ob-materials__heading {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 20px;\n  padding-bottom: 14px;\n  border-bottom: 1px solid #3A3A36;\n}\n.ob-materials .ob-materials__title {\n  margin: 0;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  font-size: clamp(28px, 4vw, 77px);\n  font-weight: 800;\n  letter-spacing: -.04em;\n  text-transform: uppercase;\n  line-height: 1;\n  color: #F2F0EB;\n}\n.ob-materials__label {\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  line-height: 1.6;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n  color: #8C877E;\n}\n.ob-materials__grid {\n  display: grid;\n  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);\n  gap: clamp(24px, 3vw, 58px);\n  margin-top: clamp(24px, 3vw, 58px);\n  align-items: start;\n}\n.ob-materials__main { min-width: 0; }\n.ob-materials__screen {\n  position: relative;\n  aspect-ratio: 16 \/ 9;\n  background: #0E0E0D;\n  overflow: hidden;\n}\n.ob-materials .ob-materials__play {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  background: #0E0E0D;\n  color: #F2F0EB;\n  cursor: pointer;\n  text-align: left;\n}\n.ob-materials__thumb {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.ob-materials__thumb[hidden] { display: none; }\n.ob-materials__overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    to top, rgba(14,14,13,.7), transparent 55%\n  );\n}\n.ob-materials__play-label {\n  position: absolute;\n  left: clamp(16px, 1.6vw, 30px);\n  bottom: clamp(16px, 1.6vw, 30px);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n.ob-materials__play-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: clamp(56px, 5vw, 96px);\n  height: clamp(56px, 5vw, 96px);\n  padding-left: 4px;\n  border-radius: 50%;\n  background: #C9291B;\n  color: #F2F0EB;\n  font-size: 22px;\n  transition: transform .25s ease;\n}\n.ob-materials__play:hover .ob-materials__play-icon {\n  transform: scale(1.08);\n}\n.ob-materials__screen iframe {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n.ob-materials__meta {\n  display: flex;\n  gap: 16px;\n  margin-top: 18px;\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n  color: #8C877E;\n}\n.ob-materials__number { color: #C9291B; }\n.ob-materials .ob-materials__film-title {\n  max-width: 28ch;\n  margin: 14px 0 0;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  font-size: clamp(24px, 2.6vw, 50px);\n  font-weight: 700;\n  letter-spacing: -.03em;\n  line-height: 1.08;\n  color: #F2F0EB;\n}\n.ob-materials__others {\n  display: flex;\n  flex-direction: column;\n  gap: 28px;\n  min-width: 0;\n}\n.ob-materials .ob-materials__choice {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  width: 100%;\n  margin: 0;\n  padding: 12px 0 0;\n  border: 0;\n  border-top: 1px solid #3A3A36;\n  border-radius: 0;\n  background: transparent;\n  color: #F2F0EB;\n  text-align: left;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  cursor: pointer;\n}\n.ob-materials__preview {\n  position: relative;\n  display: block;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  overflow: hidden;\n  background: #0E0E0D;\n}\n.ob-materials__small-play {\n  position: absolute;\n  left: 12px;\n  bottom: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  padding-left: 3px;\n  border: 1px solid #F2F0EB;\n  border-radius: 50%;\n  color: #F2F0EB;\n  font-size: 13px;\n}\n.ob-materials__choice-number {\n  font-family: 'Space Mono', monospace;\n  font-size: 10px;\n  letter-spacing: .14em;\n  color: #C9291B;\n}\n.ob-materials__choice-title {\n  font-size: clamp(18px, 1.35vw, 26px);\n  font-weight: 700;\n  line-height: 1.15;\n  letter-spacing: -.02em;\n  transition: color .2s ease;\n}\n.ob-materials__choice:hover .ob-materials__choice-title {\n  color: #E57368;\n}\n.ob-materials button:focus-visible {\n  outline: 2px solid #C9291B;\n  outline-offset: 5px;\n}\n.ob-materials-divider {\n  height: 14px;\n  background-color: #DCD8CF;\n  background-image: radial-gradient(\n    circle at center, #0E0E0D 3.2px, transparent 3.3px\n  );\n  background-size: 24px 14px;\n  background-repeat: repeat-x;\n}\n@media (max-width: 700px) {\n  .ob-materials__heading {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 12px;\n  }\n  .ob-materials__grid { grid-template-columns: 1fr; }\n  .ob-materials__others {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 20px;\n  }\n  .ob-materials__choice-title { font-size: 17px; }\n}\n@media (max-width: 380px) {\n  .ob-materials__others { grid-template-columns: 1fr; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .ob-materials__play-icon { transition: none; }\n}\n<\/style><\/p>\n<section id=\"materialy\" class=\"ob-materials\" aria-labelledby=\"ob-materials-title\">\n<div class=\"ob-materials__inner\">\n<div class=\"ob-materials__heading\">\n<h2 id=\"ob-materials-title\" class=\"ob-materials__title\">Najlepsze materia\u0142y<\/h2>\n<span class=\"ob-materials__label\">Trzy filmy \/ YouTube<\/span><\/div>\n<div class=\"ob-materials__grid\">\n<div class=\"ob-materials__main\">\n<div class=\"ob-materials__screen\">\u00a0<\/div>\n<div class=\"ob-materials__meta\"><span class=\"ob-materials__number\">01<\/span>YouTube<\/div>\n<h3 class=\"ob-materials__film-title\" aria-live=\"polite\">Obiecali regulacj\u0119 Airbnb. Co zosta\u0142o z ustawy?<\/h3>\n<\/div>\n<div class=\"ob-materials__others\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/section>\n<div class=\"ob-materials-divider\" aria-hidden=\"true\">\u00a0<\/div>\n<p><script>\n(function () {\n  document.querySelectorAll('.ob-materials').forEach(function (section) {\n    if (section.dataset.ready) return;\n    section.dataset.ready = 'true';\n\n    \/* Miniatury w\u0142\u0105czymy razem ze zdj\u0119ciami na ko\u0144cu. *\/\n    var imagesEnabled = false;\n\n    var films = [\n      {\n        id: '6YuEF_v5syg',\n        title: 'Obiecali regulacj\u0119 Airbnb. Co zosta\u0142o z ustawy?'\n      },\n      {\n        id: 'VeH2iFKscqg',\n        title: 'Skandal wok\u00f3\u0142 UPA. Najwi\u0119kszym przegranym tej afery jest Polska'\n      },\n      {\n        id: 'pb98hsqxn70',\n        title: 'Kto p\u0142aci cen\u0119 za najem kr\u00f3tkoterminowy?'\n      }\n    ];\n\n    var screen = section.querySelector('.ob-materials__screen');\n    var number = section.querySelector('.ob-materials__number');\n    var title = section.querySelector('.ob-materials__film-title');\n    var others = section.querySelector('.ob-materials__others');\n\n    function thumbnail(film) {\n      var img = document.createElement('img');\n      img.className = 'ob-materials__thumb';\n      img.alt = '';\n      img.dataset.obImage = 'youtube-' + film.id;\n      img.dataset.src = 'https:\/\/i.ytimg.com\/vi\/' + film.id + '\/hqdefault.jpg';\n      img.hidden = !imagesEnabled;\n      if (imagesEnabled) img.src = img.dataset.src;\n      return img;\n    }\n\n    function play(film) {\n      var iframe = document.createElement('iframe');\n      iframe.src = 'https:\/\/www.youtube.com\/embed\/' +\n        film.id + '?autoplay=1&rel=0';\n      iframe.title = film.title;\n      iframe.allow = 'accelerometer; autoplay; clipboard-write; ' +\n        'encrypted-media; gyroscope; picture-in-picture; web-share';\n      iframe.referrerPolicy = 'strict-origin-when-cross-origin';\n      iframe.allowFullscreen = true;\n      screen.replaceChildren(iframe);\n    }\n\n    function select(index) {\n      var film = films[index];\n      number.textContent = '0' + (index + 1);\n      title.textContent = film.title;\n\n      var button = document.createElement('button');\n      button.type = 'button';\n      button.className = 'ob-materials__play';\n      button.setAttribute('aria-label', 'Odtw\u00f3rz: ' + film.title);\n      button.appendChild(thumbnail(film));\n\n      var overlay = document.createElement('span');\n      overlay.className = 'ob-materials__overlay';\n      button.appendChild(overlay);\n\n      var label = document.createElement('span');\n      label.className = 'ob-materials__play-label';\n      label.innerHTML =\n        '<span class=\"ob-materials__play-icon\" aria-hidden=\"true\">\u25b6<\/span>' +\n        '<span>Odtw\u00f3rz<\/span>';\n      button.appendChild(label);\n      button.addEventListener('click', function () { play(film); });\n      screen.replaceChildren(button);\n\n      others.replaceChildren();\n      films.forEach(function (otherFilm, otherIndex) {\n        if (otherIndex === index) return;\n\n        var choice = document.createElement('button');\n        choice.type = 'button';\n        choice.className = 'ob-materials__choice';\n        choice.setAttribute('aria-label', 'Wybierz: ' + otherFilm.title);\n\n        var preview = document.createElement('span');\n        preview.className = 'ob-materials__preview';\n        preview.appendChild(thumbnail(otherFilm));\n\n        var icon = document.createElement('span');\n        icon.className = 'ob-materials__small-play';\n        icon.textContent = '\u25b6';\n        icon.setAttribute('aria-hidden', 'true');\n        preview.appendChild(icon);\n\n        var num = document.createElement('span');\n        num.className = 'ob-materials__choice-number';\n        num.textContent = '0' + (otherIndex + 1);\n\n        var text = document.createElement('span');\n        text.className = 'ob-materials__choice-title';\n        text.textContent = otherFilm.title;\n\n        choice.append(preview, num, text);\n        choice.addEventListener('click', function () {\n          var enabledImage = section.querySelector(\n            '.ob-materials__thumb:not([hidden])'\n          );\n          if (enabledImage) imagesEnabled = true;\n          select(otherIndex);\n          screen.querySelector('button').focus({ preventScroll: true });\n        });\n        others.appendChild(choice);\n      });\n    }\n\n    select(0);\n  });\n})();\n<\/script><\/p>\n\n\n\n<p><style>\n.ob-areas {\n  padding: clamp(40px, 5vw, 96px) clamp(20px, 4vw, 76px);\n  background: #0E0E0D;\n  background-image: repeating-linear-gradient(\n    90deg, rgba(255,255,255,.022) 0 1px, transparent 1px 46px\n  );\n  color: #F2F0EB;\n  border-bottom: 3px solid #C9291B;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  scroll-margin-top: 110px;\n}\n.ob-areas *,\n.ob-areas *::before,\n.ob-areas *::after {\n  box-sizing: border-box;\n}\n.ob-areas__inner {\n  max-width: 1528px;\n  margin: 0 auto;\n}\n.ob-areas__heading {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 20px;\n  padding-bottom: 14px;\n  border-bottom: 1px solid #3A3A36;\n}\n.ob-areas .ob-areas__title {\n  margin: 0;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  font-size: clamp(28px, 4.4vw, 84px);\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: -.04em;\n  text-transform: uppercase;\n  color: #F2F0EB;\n}\n.ob-areas__label,\n.ob-areas__counter {\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  line-height: 1.6;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n  color: #8C877E;\n}\n.ob-areas__grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);\n  gap: clamp(28px, 3.4vw, 65px);\n  margin-top: clamp(26px, 2.6vw, 50px);\n}\n.ob-areas .ob-areas__tab {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: clamp(14px, 1.6vw, 30px);\n  width: 100%;\n  margin: 0;\n  padding: clamp(18px, 1.5vw, 28px) 14px;\n  border: 0;\n  border-bottom: 1px solid #2F2F2C;\n  border-radius: 0;\n  background: transparent;\n  color: #8C877E;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  text-align: left;\n  cursor: pointer;\n  transition: background .2s ease, color .2s ease;\n}\n.ob-areas__tab::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 3px;\n  background: #C9291B;\n  transform: scaleY(0);\n  transition: transform .2s ease;\n}\n.ob-areas .ob-areas__tab[aria-selected=\"true\"] {\n  background: #232320;\n  color: #F2F0EB;\n}\n.ob-areas__tab[aria-selected=\"true\"]::before {\n  transform: scaleY(1);\n}\n.ob-areas .ob-areas__tab:hover {\n  background: #1C1C19;\n  color: #F2F0EB;\n}\n.ob-areas__tab:focus-visible {\n  outline: 2px solid #C9291B;\n  outline-offset: -2px;\n}\n.ob-areas__tab-number {\n  min-width: 26px;\n  font-family: 'Space Mono', monospace;\n  font-size: 12px;\n  color: #6E6A62;\n}\n.ob-areas__tab-text {\n  flex: 1;\n  font-size: clamp(19px, 2vw, 38px);\n  font-weight: 700;\n  letter-spacing: -.03em;\n  text-transform: uppercase;\n  line-height: 1.05;\n}\n.ob-areas__tab-arrow {\n  color: #C9291B;\n  opacity: 0;\n}\n.ob-areas__tab[aria-selected=\"true\"] .ob-areas__tab-number {\n  color: #C9291B;\n}\n.ob-areas__tab[aria-selected=\"true\"] .ob-areas__tab-arrow {\n  opacity: 1;\n}\n.ob-areas__counter {\n  padding: 20px 14px 0;\n  color: #6E6A62;\n}\n.ob-areas__panel {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: clamp(340px, 26vw, 500px);\n  background: #0E0E0D;\n  border: 1px solid #2F2F2C;\n}\n.ob-areas__holes {\n  flex-shrink: 0;\n  height: 14px;\n  background-color: #2A2A27;\n  background-image: radial-gradient(\n    circle at center, #0E0E0D 3px, transparent 3.1px\n  );\n  background-size: 22px 14px;\n  background-repeat: repeat-x;\n}\n.ob-areas__content {\n  position: relative;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 32px;\n  padding: clamp(24px, 2.4vw, 46px);\n  overflow: hidden;\n}\n.ob-areas__watermark {\n  position: absolute;\n  right: -8px;\n  bottom: -20px;\n  font-size: clamp(160px, 17vw, 326px);\n  font-weight: 800;\n  line-height: .72;\n  letter-spacing: -.06em;\n  color: #F2F0EB;\n  opacity: .05;\n  pointer-events: none;\n}\n.ob-areas__copy,\n.ob-areas__tags {\n  position: relative;\n}\n.ob-areas__kicker {\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  line-height: 1.6;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n  color: #C9291B;\n}\n.ob-areas .ob-areas__panel-title {\n  margin: 16px 0 0;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  font-size: clamp(28px, 2.9vw, 56px);\n  font-weight: 800;\n  letter-spacing: -.04em;\n  text-transform: uppercase;\n  line-height: 1;\n  color: #F2F0EB;\n}\n.ob-areas .ob-areas__description {\n  max-width: 46ch;\n  margin: 22px 0 0;\n  font-family: 'Newsreader', Georgia, serif;\n  font-size: clamp(20px, 1.25vw, 24px);\n  line-height: 1.42;\n  color: #C8C3BA;\n}\n.ob-areas__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.ob-areas__tag {\n  padding: 8px 12px;\n  border: 1px solid #3A3A36;\n  font-family: 'Space Mono', monospace;\n  font-size: 10px;\n  line-height: 1.5;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  color: #F2F0EB;\n}\n@media (max-width: 800px) {\n  .ob-areas__grid { grid-template-columns: 1fr; }\n  .ob-areas__heading {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 12px;\n  }\n  .ob-areas__panel { min-height: 340px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .ob-areas__tab,\n  .ob-areas__tab::before { transition: none; }\n}\n<\/style><\/p>\n<section id=\"czym-sie-zajmuje\" class=\"ob-areas\" aria-labelledby=\"ob-areas-title\">\n<div class=\"ob-areas__inner\">\n<div class=\"ob-areas__heading\">\n<h2 id=\"ob-areas-title\" class=\"ob-areas__title\">Czym si\u0119 zajmuj\u0119<\/h2>\n<span class=\"ob-areas__label\">Pi\u0119\u0107 obszar\u00f3w \/ wybierz kadr<\/span><\/div>\n<div class=\"ob-areas__grid\">\n<div>\n<div class=\"ob-areas__tabs\" role=\"tablist\" aria-label=\"Obszary dzia\u0142alno\u015bci\" aria-orientation=\"vertical\"><button id=\"ob-area-tab-1\" class=\"ob-areas__tab\" tabindex=\"0\" role=\"tab\" type=\"button\" aria-controls=\"ob-area-panel\" aria-selected=\"true\"> <span class=\"ob-areas__tab-number\">01<\/span> <span class=\"ob-areas__tab-text\">Dziennikarstwo i reporta\u017c<\/span> <span class=\"ob-areas__tab-arrow\" aria-hidden=\"true\">\u2192<\/span> <\/button> <button id=\"ob-area-tab-2\" class=\"ob-areas__tab\" tabindex=\"-1\" role=\"tab\" type=\"button\" aria-controls=\"ob-area-panel\" aria-selected=\"false\"> <span class=\"ob-areas__tab-number\">02<\/span> <span class=\"ob-areas__tab-text\">Wideo i dokument<\/span> <span class=\"ob-areas__tab-arrow\" aria-hidden=\"true\">\u2192<\/span> <\/button> <button id=\"ob-area-tab-3\" class=\"ob-areas__tab\" tabindex=\"-1\" role=\"tab\" type=\"button\" aria-controls=\"ob-area-panel\" aria-selected=\"false\"> <span class=\"ob-areas__tab-number\">03<\/span> <span class=\"ob-areas__tab-text\">Formaty YouTube<\/span> <span class=\"ob-areas__tab-arrow\" aria-hidden=\"true\">\u2192<\/span> <\/button> <button id=\"ob-area-tab-4\" class=\"ob-areas__tab\" tabindex=\"-1\" role=\"tab\" type=\"button\" aria-controls=\"ob-area-panel\" aria-selected=\"false\"> <span class=\"ob-areas__tab-number\">04<\/span> <span class=\"ob-areas__tab-text\">Projekty medialne<\/span> <span class=\"ob-areas__tab-arrow\" aria-hidden=\"true\">\u2192<\/span> <\/button> <button id=\"ob-area-tab-5\" class=\"ob-areas__tab\" tabindex=\"-1\" role=\"tab\" type=\"button\" aria-controls=\"ob-area-panel\" aria-selected=\"false\"> <span class=\"ob-areas__tab-number\">05<\/span> <span class=\"ob-areas__tab-text\">Eksperymenty kreatywne<\/span> <span class=\"ob-areas__tab-arrow\" aria-hidden=\"true\">\u2192<\/span> <\/button><\/div>\n<div class=\"ob-areas__counter\">Kadr 01 z 05<\/div>\n<\/div>\n<div id=\"ob-area-panel\" class=\"ob-areas__panel\" tabindex=\"0\" role=\"tabpanel\" aria-labelledby=\"ob-area-tab-1\">\n<div class=\"ob-areas__holes\" aria-hidden=\"true\">\u00a0<\/div>\n<div class=\"ob-areas__content\"><span class=\"ob-areas__watermark\" aria-hidden=\"true\">01<\/span>\n<div class=\"ob-areas__copy\">\n<div class=\"ob-areas__kicker\">Teren \/ research<\/div>\n<h3 class=\"ob-areas__panel-title\">Dziennikarstwo i reporta\u017c<\/h3>\n<p class=\"ob-areas__description\">Research i reporterska robota w terenie, zastosowane do historii, kt\u00f3re faktycznie si\u0119 ogl\u0105da.<\/p>\n<\/div>\n<div class=\"ob-areas__tags\"><span class=\"ob-areas__tag\">Reporta\u017c<\/span> <span class=\"ob-areas__tag\">Wywiad<\/span> <span class=\"ob-areas__tag\">Fact-checking<\/span> <span class=\"ob-areas__tag\">Teren<\/span><\/div>\n<\/div>\n<div class=\"ob-areas__holes\" aria-hidden=\"true\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<p><script>\n(function () {\n  document.querySelectorAll('.ob-areas').forEach(function (section) {\n    if (section.dataset.ready) return;\n    section.dataset.ready = 'true';\n\n    var areas = [\n      {\n        no: '01',\n        title: 'Dziennikarstwo i reporta\u017c',\n        kicker: 'Teren \/ research',\n        description: 'Research i reporterska robota w terenie, zastosowane do historii, kt\u00f3re faktycznie si\u0119 ogl\u0105da.',\n        tags: ['Reporta\u017c', 'Wywiad', 'Fact-checking', 'Teren']\n      },\n      {\n        no: '02',\n        title: 'Wideo i dokument',\n        kicker: 'Zdj\u0119cia \/ monta\u017c',\n        description: 'Od pomys\u0142u do publikacji w jednej parze r\u0105k: zdj\u0119cia, monta\u017c w DaVinci Resolve, grafika, dystrybucja.',\n        tags: ['DaVinci Resolve', 'Kamera', 'Color', 'D\u017awi\u0119k']\n      },\n      {\n        no: '03',\n        title: 'Formaty YouTube',\n        kicker: 'Platforma \/ uwaga',\n        description: 'Formaty wideo, kt\u00f3re utrzymuj\u0105 uwag\u0119 na platformie, bez oddawania dziennikarstwa w zamian.',\n        tags: ['Format', 'Storytelling', 'Retencja', 'Miniatury']\n      },\n      {\n        no: '04',\n        title: 'Projekty medialne',\n        kicker: 'Marka \/ od zera',\n        description: 'Uruchamianie medium lub marki od zera: koncepcja, j\u0119zyk wizualny, rytm publikacji.',\n        tags: ['Koncepcja', 'Identyfikacja', 'Redakcja', 'Dystrybucja']\n      },\n      {\n        no: '05',\n        title: 'Eksperymenty kreatywne',\n        kicker: 'A gdyby \/ prototyp',\n        description: 'Gry i historie interaktywne \u2014 projekty, kt\u00f3re zaczynaj\u0105 si\u0119 od \u201ea gdyby\u201d i mimo to wychodz\u0105 na \u015bwiat.',\n        tags: ['Interaktywne', 'Gry', 'Prototypy', 'Web']\n      }\n    ];\n\n    var tabs = Array.from(section.querySelectorAll('.ob-areas__tab'));\n    var panel = section.querySelector('.ob-areas__panel');\n    var tags = section.querySelector('.ob-areas__tags');\n\n    function select(index) {\n      var area = areas[index];\n\n      tabs.forEach(function (tab, i) {\n        tab.setAttribute('aria-selected', String(i === index));\n        tab.tabIndex = i === index ? 0 : -1;\n      });\n\n      panel.setAttribute('aria-labelledby', tabs[index].id);\n      section.querySelector('.ob-areas__watermark').textContent = area.no;\n      section.querySelector('.ob-areas__kicker').textContent = area.kicker;\n      section.querySelector('.ob-areas__panel-title').textContent = area.title;\n      section.querySelector('.ob-areas__description').textContent = area.description;\n      section.querySelector('.ob-areas__counter').textContent =\n        'Kadr ' + area.no + ' z 05';\n\n      tags.replaceChildren();\n      area.tags.forEach(function (text) {\n        var tag = document.createElement('span');\n        tag.className = 'ob-areas__tag';\n        tag.textContent = text;\n        tags.appendChild(tag);\n      });\n    }\n\n    tabs.forEach(function (tab, index) {\n      tab.addEventListener('click', function () {\n        select(index);\n      });\n\n      tab.addEventListener('keydown', function (event) {\n        var next = index;\n\n        if (event.key === 'ArrowDown') next = (index + 1) % tabs.length;\n        else if (event.key === 'ArrowUp') next = (index - 1 + tabs.length) % tabs.length;\n        else if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = tabs.length - 1;\n        else return;\n\n        event.preventDefault();\n        select(next);\n        tabs[next].focus();\n      });\n    });\n  });\n})();\n<\/script><\/p>\n\n\n\n<p><style>\n.ob-about {\n  position: relative;\n  overflow: hidden;\n  padding: clamp(40px, 4.6vw, 88px) clamp(20px, 4vw, 76px)\n           clamp(48px, 4vw, 76px);\n  background: #F2EFE7;\n  border-top: 1px solid #DCD8CF;\n  color: #1A1A18;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  scroll-margin-top: 110px;\n}\n.ob-about *,\n.ob-about *::before,\n.ob-about *::after {\n  box-sizing: border-box;\n}\n.ob-about::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background-image: radial-gradient(\n    #D8D3C7 1.4px, transparent 1.5px\n  );\n  background-size: 22px 22px;\n  opacity: .55;\n}\n.ob-about__inner {\n  position: relative;\n  max-width: 1528px;\n  margin: 0 auto;\n}\n.ob-about__grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);\n  gap: clamp(32px, 3.4vw, 65px);\n  align-items: center;\n}\n.ob-about__badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 14px;\n  background: #1A1A18;\n  color: #F2F0EB;\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n}\n.ob-about__badge::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #E0A526;\n}\n.ob-about .ob-about__title {\n  margin: clamp(22px, 1.8vw, 35px) 0 0;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  font-size: clamp(34px, 5.2vw, 100px);\n  font-weight: 800;\n  letter-spacing: -.045em;\n  line-height: .98;\n  text-transform: uppercase;\n  color: #1A1A18;\n}\n.ob-about__line {\n  display: block;\n}\n.ob-about__line--second {\n  margin-top: .14em;\n}\n.ob-about__highlight {\n  display: inline-block;\n  padding: .04em .18em;\n  background: #E0A526;\n  color: #1A1A18;\n  transform: rotate(-1.2deg);\n}\n.ob-about__highlight--red {\n  background: #C9291B;\n  color: #F7F4EF;\n  transform: rotate(.8deg);\n}\n.ob-about__bio {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  max-width: 52ch;\n  margin-top: clamp(28px, 2.4vw, 46px);\n}\n.ob-about .ob-about__paragraph {\n  margin: 0;\n  padding-left: clamp(16px, 1.2vw, 23px);\n  font-family: 'Newsreader', Georgia, serif;\n  font-size: clamp(20px, 1.3vw, 25px);\n  line-height: 1.42;\n  color: #2E2E2A;\n}\n.ob-about__paragraph:first-child {\n  border-left: 3px solid #C9291B;\n}\n.ob-about .ob-about__paragraph--muted {\n  color: #6E6A62;\n}\n.ob-about__stats {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: clamp(10px, 1vw, 19px);\n  margin-top: clamp(28px, 2.6vw, 50px);\n}\n.ob-about__stat {\n  padding: clamp(16px, 1.4vw, 27px);\n  background: #C9291B;\n  color: #F7F4EF;\n}\n.ob-about__stat:nth-child(2) {\n  background: #1F5E68;\n  color: #F2F0EB;\n}\n.ob-about__stat:nth-child(3) {\n  background: #E0A526;\n  color: #1A1A18;\n}\n.ob-about__stat-number {\n  font-size: clamp(36px, 3.4vw, 65px);\n  font-weight: 800;\n  letter-spacing: -.05em;\n  line-height: .95;\n}\n.ob-about__stat-label {\n  margin-top: 12px;\n  font-family: 'Space Mono', monospace;\n  font-size: 10px;\n  line-height: 1.6;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n.ob-about__portrait {\n  position: relative;\n  width: 100%;\n  max-width: 650px;\n  margin: 16px auto 20px;\n}\n.ob-about__portrait::before {\n  content: \"\";\n  position: absolute;\n  inset: 22px -12px -22px 12px;\n  background: #1F5E68;\n}\n.ob-about__frame {\n  position: relative;\n  padding: 12px;\n  background: #1A1A18;\n  transform: rotate(-1.4deg);\n}\n.ob-about__photo {\n  position: relative;\n  aspect-ratio: 4 \/ 5;\n  overflow: hidden;\n  background: #E4E0D8;\n}\n.ob-about__image {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: 52% 30%;\n}\n.ob-about__image[hidden] {\n  display: none;\n}\n.ob-about__caption {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 8px 12px;\n  padding: 12px 2px 2px;\n  font-family: 'Space Mono', monospace;\n  font-size: 10px;\n  line-height: 1.5;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  color: #8C877E;\n}\n.ob-about__caption span:last-child {\n  color: #E0A526;\n}\n.ob-about__sticker {\n  position: absolute;\n  top: -12px;\n  right: -6px;\n  padding: 10px 14px;\n  background: #C9291B;\n  color: #F7F4EF;\n  font-family: 'Space Mono', monospace;\n  font-size: 10px;\n  line-height: 1.5;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  transform: rotate(4deg);\n}\n@media (max-width: 800px) {\n  .ob-about__grid {\n    grid-template-columns: 1fr;\n    gap: 44px;\n  }\n  .ob-about__portrait {\n    max-width: 480px;\n  }\n  .ob-about .ob-about__title {\n    font-size: clamp(34px, 7.5vw, 60px);\n  }\n}\n@media (max-width: 400px) {\n  .ob-about__stat {\n    padding: 14px 10px;\n  }\n  .ob-about__stat-label {\n    font-size: 9px;\n    letter-spacing: .04em;\n  }\n}\n<\/style><\/p>\n<section id=\"o-mnie\" class=\"ob-about\" aria-labelledby=\"ob-about-title\">\n<div class=\"ob-about__inner\">\n<div class=\"ob-about__grid\">\n<div class=\"ob-about__text\">\n<div class=\"ob-about__badge\">O mnie<\/div>\n<h2 id=\"ob-about-title\" class=\"ob-about__title\"><span class=\"ob-about__line\">Dziennikarz z<\/span> <span class=\"ob-about__highlight\">wyboru.<\/span> <span class=\"ob-about__line ob-about__line--second\"> Budowniczy z <\/span> <span class=\"ob-about__highlight ob-about__highlight--red\"> instynktu. <\/span><\/h2>\n<div class=\"ob-about__bio\">\n<p class=\"ob-about__paragraph\">Przez lata pracowa\u0142em w lokalnym dziennikarstwie radiowym. W 2026 roku poszed\u0142em w\u0142asn\u0105 drog\u0105, bo historie, kt\u00f3re chcia\u0142em opowiada\u0107, potrzebowa\u0142y format\u00f3w, na kt\u00f3re nie by\u0142o miejsca w \u017cadnym redakcyjnym grafiku.<\/p>\n<p class=\"ob-about__paragraph ob-about__paragraph--muted\">Od tamtej pory prowadz\u0119 w\u0142asne projekty \u2014 od researchu po publikacj\u0119, znajduj\u0105c histori\u0119 i format, kt\u00f3ry jej pasuje.<\/p>\n<\/div>\n<div class=\"ob-about__stats\">\n<div class=\"ob-about__stat\">\n<div class=\"ob-about__stat-number\">5<\/div>\n<div class=\"ob-about__stat-label\">obszar\u00f3w pracy<\/div>\n<\/div>\n<div class=\"ob-about__stat\">\n<div class=\"ob-about__stat-number\">3<\/div>\n<div class=\"ob-about__stat-label\">w\u0142asne projekty<\/div>\n<\/div>\n<div class=\"ob-about__stat\">\n<div class=\"ob-about__stat-number\">1<\/div>\n<div class=\"ob-about__stat-label\">para r\u0105k do ca\u0142o\u015bci<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"ob-about__portrait\">\n<div class=\"ob-about__frame\">\n<div class=\"ob-about__photo\"><!-- Zdj\u0119cie w\u0142\u0105czymy razem z pozosta\u0142ymi. --> <img class=\"ob-about__image\" hidden=\"\" alt=\"Oskar B\u0105k\" data-ob-image=\"oskar\" data-src=\"URL_OSKAR\" \/><\/div>\n<div class=\"ob-about__caption\">Gda\u0144sk, PL54.35\u00b0N 18.65\u00b0E<\/div>\n<\/div>\n<div class=\"ob-about__sticker\">Niezale\u017cny od 2026<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<p><style>\n.ob-brands {\n  overflow: hidden;\n  padding: clamp(28px, 3vw, 58px) 0;\n  background: #1A1A18;\n  color: #F2F0EB;\n  font-family: 'Archivo', Helvetica, sans-serif;\n}\n.ob-brands *,\n.ob-brands *::before,\n.ob-brands *::after {\n  box-sizing: border-box;\n}\n.ob-brands__heading {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 16px;\n  max-width: 1680px;\n  margin: 0 auto clamp(22px, 2vw, 38px);\n  padding: 0 clamp(20px, 4vw, 76px);\n}\n.ob-brands .ob-brands__title {\n  margin: 0;\n  font-family: 'Space Mono', monospace;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.6;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n  color: #E0A526;\n}\n.ob-brands__label {\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  line-height: 1.6;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n  color: #8C877E;\n}\n.ob-brands__window {\n  overflow: hidden;\n  box-shadow: 0 20px 50px rgba(0,0,0,.35);\n}\n.ob-brands__track {\n  display: flex;\n  width: max-content;\n  animation: ob-brands-scroll 50s linear infinite;\n}\n.ob-brands__group {\n  display: flex;\n  flex-shrink: 0;\n}\n.ob-brands__cell {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: clamp(230px, 19vw, 365px);\n  height: clamp(156px, 12.5vw, 240px);\n  padding: 28px 24px;\n  border-right: 2px solid #000;\n  background: #0E0E0D;\n}\n.ob-brands__cell::before,\n.ob-brands__cell::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 24px;\n  background-image: repeating-linear-gradient(\n    90deg,\n    transparent 0 12px,\n    #E9E4D8 12px 28px,\n    transparent 28px 40px\n  );\n  background-size: 40px 10px;\n  background-position: 0 center;\n  background-repeat: repeat-x;\n  opacity: .85;\n}\n.ob-brands__cell::before {\n  top: 0;\n  border-bottom: 1px solid #2A2A27;\n}\n.ob-brands__cell::after {\n  bottom: 0;\n  border-top: 1px solid #2A2A27;\n}\n.ob-brands__name {\n  max-width: 15ch;\n  text-align: center;\n  font-size: clamp(22px, 1.8vw, 34px);\n  font-weight: 700;\n  line-height: 1.1;\n  letter-spacing: -.03em;\n  color: #F2F0EB;\n}\n.ob-brands__logo {\n  display: block;\n  width: auto;\n  max-width: 100%;\n  height: 64px;\n  object-fit: contain;\n  opacity: .92;\n  transition: opacity .3s ease, transform .3s ease;\n}\n.ob-brands__logo[data-ob-image=\"logo-puls\"] {\n  height: 46px;\n}\n.ob-brands__logo[data-ob-image=\"logo-radio-gdansk\"] {\n  height: 88px;\n}\n.ob-brands__logo[hidden] {\n  display: none;\n}\n.ob-brands__logo:not([hidden]) + .ob-brands__name {\n  display: none;\n}\n.ob-brands__cell:hover .ob-brands__logo {\n  opacity: 1;\n  transform: scale(1.04);\n}\n.ob-brands__window:hover .ob-brands__track {\n  animation-play-state: paused;\n}\n@keyframes ob-brands-scroll {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n@media (max-width: 500px) {\n  .ob-brands__heading {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .ob-brands__window {\n    overflow-x: auto;\n  }\n  .ob-brands__track {\n    animation: none;\n  }\n  .ob-brands__logo {\n    transition: none;\n  }\n}\n<\/style><\/p>\n<section class=\"ob-brands\" aria-labelledby=\"ob-brands-title\">\n<div class=\"ob-brands__heading\">\n<h2 id=\"ob-brands-title\" class=\"ob-brands__title\">Wsp\u00f3\u0142pracowa\u0142em z<\/h2>\n<span class=\"ob-brands__label\">Media i redakcje<\/span><\/div>\n<div class=\"ob-brands__window\">\n<div class=\"ob-brands__track\">\n<div class=\"ob-brands__group\">\n<div class=\"ob-brands__cell\"><img class=\"ob-brands__logo\" hidden=\"\" alt=\"Puls Gda\u0144ska\" data-ob-image=\"logo-puls\" data-src=\"URL_LOGO_PULS\" \/> <span class=\"ob-brands__name\">Puls Gda\u0144ska<\/span><\/div>\n<div class=\"ob-brands__cell\"><img class=\"ob-brands__logo\" hidden=\"\" alt=\"Radio Gda\u0144sk\" data-ob-image=\"logo-radio-gdansk\" data-src=\"URL_LOGO_RADIO_GDANSK\" \/> <span class=\"ob-brands__name\">Radio Gda\u0144sk<\/span><\/div>\n<div class=\"ob-brands__cell\"><img class=\"ob-brands__logo\" hidden=\"\" alt=\"Polskie Radio\" data-ob-image=\"logo-polskie-radio\" data-src=\"URL_LOGO_POLSKIE_RADIO\" \/> <span class=\"ob-brands__name\">Polskie Radio<\/span><\/div>\n<div class=\"ob-brands__cell\"><img class=\"ob-brands__logo\" hidden=\"\" alt=\"Radio ESKA\" data-ob-image=\"logo-eska\" data-src=\"URL_LOGO_ESKA\" \/> <span class=\"ob-brands__name\">Radio ESKA<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<p><script>\n(function () {\n  document.querySelectorAll('.ob-brands').forEach(function (section) {\n    if (section.dataset.ready) return;\n    section.dataset.ready = 'true';\n\n    var track = section.querySelector('.ob-brands__track');\n    var group = section.querySelector('.ob-brands__group');\n    var originals = Array.from(group.children);\n\n    \/* Powt\u00f3rzenia wype\u0142niaj\u0105 ta\u015bm\u0119 na szerokich ekranach. *\/\n    originals.forEach(function (cell) {\n      var copy = cell.cloneNode(true);\n      copy.setAttribute('aria-hidden', 'true');\n      group.appendChild(copy);\n    });\n\n    \/* Identyczna druga po\u0142owa zapewnia p\u0142ynn\u0105 p\u0119tl\u0119. *\/\n    var duplicate = group.cloneNode(true);\n    duplicate.setAttribute('aria-hidden', 'true');\n    track.appendChild(duplicate);\n  });\n})();\n<\/script><\/p>\n\n\n\n<p><style>\n.ob-offer {\n  padding: clamp(40px, 4vw, 77px) clamp(20px, 4vw, 76px);\n  background: #F7F4EF;\n  color: #1A1A18;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  scroll-margin-top: 110px;\n}\n.ob-offer *,\n.ob-offer *::before,\n.ob-offer *::after {\n  box-sizing: border-box;\n}\n.ob-offer__inner {\n  max-width: 1528px;\n  margin: 0 auto;\n}\n.ob-offer__heading {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: 16px;\n  padding-bottom: 14px;\n  border-bottom: 1px solid #1A1A18;\n}\n.ob-offer .ob-offer__title {\n  margin: 0;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  font-size: clamp(28px, 3.6vw, 69px);\n  font-weight: 800;\n  letter-spacing: -.04em;\n  text-transform: uppercase;\n  line-height: 1;\n  color: #1A1A18;\n}\n.ob-offer__label {\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  line-height: 1.6;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n  color: #6E6A62;\n}\n.ob-offer__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: clamp(16px, 1.4vw, 27px);\n  margin-top: clamp(28px, 2.4vw, 46px);\n}\n.ob-service {\n  --service-color: #C9291B;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  background: #F2EFE7;\n  border: 1px solid #1A1A18;\n  transition: transform .3s ease;\n}\n.ob-service:nth-child(2) { --service-color: #1F5E68; }\n.ob-service:nth-child(3) { --service-color: #E0A526; }\n.ob-service:hover { transform: translateY(-6px); }\n.ob-service::before {\n  content: \"\";\n  height: 8px;\n  flex-shrink: 0;\n  background: var(--service-color);\n}\n.ob-service__body {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: 24px;\n  padding: clamp(22px, 2vw, 38px);\n}\n.ob-service__meta {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  line-height: 1.6;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  color: #6E6A62;\n}\n.ob-service__meta span:first-child {\n  color: var(--service-color);\n}\n.ob-service:nth-child(3) .ob-service__meta span:first-child {\n  color: #8A6209;\n}\n.ob-offer .ob-service__title {\n  margin: 0;\n  font-family: 'Archivo', Helvetica, sans-serif;\n  font-size: clamp(26px, 2.3vw, 44px);\n  font-weight: 800;\n  letter-spacing: -.04em;\n  text-transform: uppercase;\n  line-height: 1;\n  overflow-wrap: anywhere;\n  color: #1A1A18;\n}\n.ob-offer .ob-service__description {\n  max-width: 34ch;\n  margin: 0;\n  font-family: 'Newsreader', Georgia, serif;\n  font-size: clamp(20px, 1.2vw, 23px);\n  line-height: 1.4;\n  color: #3A3A36;\n}\n.ob-service__deliverables {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n.ob-offer .ob-service__list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.ob-service__list li {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  font-size: 16px;\n  line-height: 1.4;\n}\n.ob-service__list li::before {\n  content: \"\";\n  flex: 0 0 7px;\n  height: 7px;\n  background: var(--service-color);\n  transform: translateY(-2px);\n}\n.ob-service__footer {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  margin-top: auto;\n  padding-top: 16px;\n  border-top: 1px solid #DCD8CF;\n}\n.ob-service__audience {\n  font-family: 'Space Mono', monospace;\n  font-size: 10px;\n  line-height: 1.7;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  color: #6E6A62;\n}\n.ob-offer .ob-service__link {\n  display: inline-flex;\n  align-items: center;\n  min-height: 44px;\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  text-decoration: none;\n  color: #1A1A18;\n}\n.ob-offer .ob-service__link:hover { color: #C9291B; }\n.ob-offer__extra {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: clamp(24px, 2.4vw, 46px);\n  margin-top: clamp(30px, 2.6vw, 50px);\n  padding-top: 28px;\n  border-top: 1px solid #DCD8CF;\n}\n.ob-offer__extra-column {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n.ob-offer .ob-offer__extra-link {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: 14px;\n  padding: 4px 0 12px;\n  border-bottom: 1px solid #DCD8CF;\n  font-size: clamp(18px, 1.4vw, 27px);\n  font-weight: 700;\n  line-height: 1.25;\n  letter-spacing: -.02em;\n  text-transform: uppercase;\n  text-decoration: none;\n  color: #1A1A18;\n}\n.ob-offer .ob-offer__extra-link:hover { color: #C9291B; }\n.ob-offer__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.ob-offer__tag {\n  padding: 8px 12px;\n  border: 1px solid #1A1A18;\n  font-family: 'Space Mono', monospace;\n  font-size: 10px;\n  line-height: 1.5;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n.ob-offer__process {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  margin-top: clamp(30px, 2.6vw, 50px);\n  padding: clamp(20px, 1.6vw, 31px) clamp(20px, 2vw, 38px);\n  background: #1A1A18;\n  color: #F2F0EB;\n}\n.ob-offer__steps {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 18px 30px;\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  line-height: 1.7;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n.ob-offer__steps b {\n  margin-right: 8px;\n  color: #E57368;\n  font-weight: 400;\n}\n.ob-offer__steps span:nth-child(2) b { color: #76B6C0; }\n.ob-offer__steps span:nth-child(3) b { color: #E0A526; }\n.ob-offer .ob-offer__cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px 24px;\n  background: #C9291B;\n  color: #F7F4EF;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  text-decoration: none;\n  transition: background .2s ease, color .2s ease;\n}\n.ob-offer .ob-offer__cta:hover {\n  background: #F7F4EF;\n  color: #1A1A18;\n}\n.ob-offer a:focus-visible {\n  outline: 2px solid #C9291B;\n  outline-offset: 4px;\n}\n.ob-offer-divider {\n  height: 14px;\n  background-color: #DCD8CF;\n  background-image: radial-gradient(\n    circle at center, #0E0E0D 3.2px, transparent 3.3px\n  );\n  background-size: 24px 14px;\n  background-repeat: repeat-x;\n}\n@media (max-width: 1000px) {\n  .ob-offer__grid { grid-template-columns: 1fr; }\n  .ob-service__body { gap: 22px; }\n  .ob-offer .ob-service__title {\n    font-size: clamp(28px, 4vw, 40px);\n  }\n  .ob-offer .ob-service__description { max-width: 56ch; }\n}\n@media (max-width: 700px) {\n  .ob-offer__extra { grid-template-columns: 1fr; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .ob-service,\n  .ob-offer__cta { transition: none; }\n  .ob-service:hover { transform: none; }\n}\n<\/style><\/p>\n<section id=\"oferta\" class=\"ob-offer\" aria-labelledby=\"ob-offer-title\">\n<div class=\"ob-offer__inner\">\n<div class=\"ob-offer__heading\">\n<h2 id=\"ob-offer-title\" class=\"ob-offer__title\">Co mog\u0119 dla Ciebie zrobi\u0107<\/h2>\n<span class=\"ob-offer__label\">Trzy g\u0142\u00f3wne us\u0142ugi<\/span><\/div>\n<div class=\"ob-offer__grid\">\n<article class=\"ob-service\">\n<div class=\"ob-service__body\">\n<div class=\"ob-service__meta\">01Produkcja \/ seria<\/div>\n<h3 class=\"ob-service__title\">Shortsy i wideo pionowe<\/h3>\n<p class=\"ob-service__description\">Seria kr\u00f3tkich materia\u0142\u00f3w pod TikTok, Reels i YouTube Shorts. Od pomys\u0142u i zdj\u0119\u0107 po pliki gotowe do publikacji.<\/p>\n<div class=\"ob-service__deliverables\"><span class=\"ob-offer__label\">Co dostajesz<\/span>\n<ul class=\"ob-service__list\">\n<li>Koncepcja serii i pierwszych sekund<\/li>\n<li>Zdj\u0119cia albo praca na Twoim materiale<\/li>\n<li>Monta\u017c, napisy i grafika<\/li>\n<li>Wersje pod ka\u017cd\u0105 platform\u0119<\/li>\n<\/ul>\n<\/div>\n<div class=\"ob-service__footer\"><span class=\"ob-service__audience\"> Dla: marki \/ instytucje \/ kluby \/ media <\/span> <a class=\"ob-service__link\" href=\"#kontakt\" data-ob-service=\"Shortsy\">Wy\u015blij brief \u2192<\/a><\/div>\n<\/div>\n<\/article>\n<article class=\"ob-service\">\n<div class=\"ob-service__body\">\n<div class=\"ob-service__meta\">02Materia\u0142 \/ historia<\/div>\n<h3 class=\"ob-service__title\">Monta\u017c i postprodukcja<\/h3>\n<p class=\"ob-service__description\">Masz nagrany materia\u0142 i potrzebujesz z niego historii, kt\u00f3r\u0105 kto\u015b obejrzy do ko\u0144ca.<\/p>\n<div class=\"ob-service__deliverables\"><span class=\"ob-offer__label\">Co dostajesz<\/span>\n<ul class=\"ob-service__list\">\n<li>Selekcja i uk\u0142ad narracji<\/li>\n<li>Monta\u017c w DaVinci Resolve<\/li>\n<li>Korekcja barwna i d\u017awi\u0119k<\/li>\n<li>Grafika, napisy, wersje format\u00f3w<\/li>\n<\/ul>\n<\/div>\n<div class=\"ob-service__footer\"><span class=\"ob-service__audience\"> Dla: tw\u00f3rcy \/ agencje \/ redakcje <\/span> <a class=\"ob-service__link\" href=\"#kontakt\" data-ob-service=\"Monta\u017c\">Wy\u015blij brief \u2192<\/a><\/div>\n<\/div>\n<\/article>\n<article class=\"ob-service\">\n<div class=\"ob-service__body\">\n<div class=\"ob-service__meta\">03Zesp\u00f3\u0142 \/ praktyka<\/div>\n<h3 class=\"ob-service__title\">Warsztaty i szkolenia<\/h3>\n<p class=\"ob-service__description\">Warsztaty dla zespo\u0142\u00f3w, kt\u00f3re chc\u0105 robi\u0107 wideo, rozwija\u0107 mark\u0119 albo prowadzi\u0107 lokalne medium po swojemu.<\/p>\n<div class=\"ob-service__deliverables\"><span class=\"ob-offer__label\">Co dostajesz<\/span>\n<ul class=\"ob-service__list\">\n<li>Strategia rozwoju marki<\/li>\n<li>Wideo: od pomys\u0142u do publikacji<\/li>\n<li>Warsztaty dla lokalnych medi\u00f3w<\/li>\n<li>Program dopasowany do zespo\u0142u<\/li>\n<\/ul>\n<\/div>\n<div class=\"ob-service__footer\"><span class=\"ob-service__audience\"> Dla: redakcje \/ marki \/ samorz\u0105dy \/ NGO <\/span> <a class=\"ob-service__link\" href=\"#kontakt\" data-ob-service=\"Warsztaty\">Wy\u015blij brief \u2192<\/a><\/div>\n<\/div>\n<\/article>\n<\/div>\n<div class=\"ob-offer__extra\">\n<div class=\"ob-offer__extra-column\"><span class=\"ob-offer__label\">Tak\u017ce na zlecenie<\/span> <a class=\"ob-offer__extra-link\" href=\"#kontakt\" data-ob-service=\"Reporta\u017c\"> Reporta\u017c i materia\u0142 dziennikarski <span aria-hidden=\"true\">\u2192<\/span> <\/a> <a class=\"ob-offer__extra-link\" href=\"#kontakt\" data-ob-service=\"Mini-dok\"> Film dokumentalny \/ mini-dok <span aria-hidden=\"true\">\u2192<\/span> <\/a><\/div>\n<div class=\"ob-offer__extra-column\"><span class=\"ob-offer__label\">Pracuj\u0119 z<\/span>\n<div class=\"ob-offer__tags\"><span class=\"ob-offer__tag\">Redakcje i media<\/span> <span class=\"ob-offer__tag\">Marki<\/span> <span class=\"ob-offer__tag\">Samorz\u0105dy i instytucje<\/span> <span class=\"ob-offer__tag\">NGO i fundacje<\/span> <span class=\"ob-offer__tag\">Tw\u00f3rcy internetowi<\/span> <span class=\"ob-offer__tag\">Kluby sportowe<\/span> <span class=\"ob-offer__tag\">Agencje<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"ob-offer__process\">\n<div class=\"ob-offer__steps\"><b>01<\/b>Brief <b>02<\/b>Propozycja formatu i wycena <b>03<\/b>Realizacja<\/div>\n<a class=\"ob-offer__cta\" href=\"#kontakt\">Wy\u015blij brief \u2192<\/a><\/div>\n<\/div>\n<\/section>\n<div class=\"ob-offer-divider\" aria-hidden=\"true\">\u00a0<\/div>\n\n\n\n<p><style>\n.ob-footer {\n  background: #1A1A18;\n  color: #F2F0EB;\n  border-top: 1px solid #2F2F2C;\n  font-family: 'Archivo', Helvetica, sans-serif;\n}\n.ob-footer *,\n.ob-footer *::before,\n.ob-footer *::after {\n  box-sizing: border-box;\n}\n.ob-footer__inner {\n  max-width: 1680px;\n  margin: 0 auto;\n  padding: clamp(32px, 3vw, 58px) clamp(20px, 4vw, 76px)\n           clamp(24px, 2vw, 38px);\n}\n.ob-footer__grid {\n  display: grid;\n  grid-template-columns: 1.2fr 1fr 1fr 1.2fr;\n  gap: clamp(24px, 2.4vw, 46px);\n  align-items: start;\n}\n.ob-footer__name {\n  font-size: clamp(18px, 1.2vw, 23px);\n  font-weight: 800;\n  letter-spacing: -.01em;\n  text-transform: uppercase;\n}\n.ob-footer__description {\n  margin-top: 12px;\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  line-height: 1.8;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  color: #8C877E;\n}\n.ob-footer__links {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n}\n.ob-footer .ob-footer__link {\n  display: inline-flex;\n  align-items: center;\n  min-height: 44px;\n  font-family: 'Space Mono', monospace;\n  font-size: 11px;\n  line-height: 1.6;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  text-decoration: none;\n  color: #F2F0EB;\n  transition: color .2s ease;\n}\n.ob-footer .ob-footer__link:hover {\n  color: #E57368;\n}\n.ob-footer .ob-footer__email {\n  text-transform: none;\n  letter-spacing: .04em;\n  overflow-wrap: anywhere;\n  color: #B8B2A8;\n}\n.ob-footer a:focus-visible {\n  outline: 2px solid #C9291B;\n  outline-offset: 4px;\n}\n.ob-footer__bottom {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 24px;\n  margin-top: clamp(28px, 2.4vw, 46px);\n  padding-top: clamp(22px, 1.6vw, 31px);\n  border-top: 1px solid #2F2F2C;\n}\n.ob-footer__signoff {\n  font-size: clamp(23px, 2.6vw, 50px);\n  font-weight: 800;\n  letter-spacing: -.04em;\n  line-height: 1.08;\n  text-transform: uppercase;\n}\n.ob-footer__dot {\n  color: #C9291B;\n}\n.ob-footer__credits {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px 20px;\n  font-family: 'Space Mono', monospace;\n  font-size: 10px;\n  line-height: 1.7;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  color: #8C877E;\n}\n@media (max-width: 1000px) {\n  .ob-footer__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n@media (max-width: 500px) {\n  .ob-footer__grid {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n  .ob-footer__bottom {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n<\/style><\/p>\n<p><script>\ndocument.querySelectorAll('.ob-footer__year').forEach(function (element) {\n  element.textContent = new Date().getFullYear();\n});\n<\/script><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4657881 elementor-widget elementor-widget-html\" data-id=\"4657881\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.ob-contact {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  padding: clamp(40px, 5vw, 90px) clamp(20px, 4vw, 76px);\r\n  background: #0E0E0D;\r\n  color: #F2F0EB;\r\n  font-family: 'Archivo', Helvetica, sans-serif;\r\n  scroll-margin-top: 110px;\r\n}\r\n.ob-contact *,\r\n.ob-contact *::before,\r\n.ob-contact *::after {\r\n  box-sizing: border-box;\r\n}\r\n.ob-contact__inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n.ob-contact__label {\r\n  margin-bottom: 18px;\r\n  font-family: 'Space Mono', monospace;\r\n  font-size: 11px;\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n  color: #E57368;\r\n}\r\n.ob-contact .ob-contact__title {\r\n  margin: 0;\r\n  font-family: 'Archivo', Helvetica, sans-serif;\r\n  font-size: clamp(36px, 5vw, 80px);\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  letter-spacing: -.045em;\r\n  text-transform: uppercase;\r\n  color: #F2F0EB;\r\n}\r\n.ob-contact__title span {\r\n  color: #C9291B;\r\n}\r\n.ob-contact .ob-contact__text {\r\n  max-width: 48ch;\r\n  margin: 22px 0 36px;\r\n  font-family: 'Newsreader', Georgia, serif;\r\n  font-size: clamp(20px, 1.5vw, 26px);\r\n  line-height: 1.4;\r\n  color: #B8B2A8;\r\n}\r\n.ob-contact__box {\r\n  padding: clamp(22px, 3vw, 48px);\r\n  border: 1px solid #3A3A36;\r\n  border-top: 4px solid #C9291B;\r\n  background: #171715;\r\n}\r\n.ob-contact .wpcf7 {\r\n  width: 100%;\r\n  margin: 0;\r\n}\r\n.ob-contact .ob-contact-form__row {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 24px;\r\n}\r\n.ob-contact label {\r\n  display: block;\r\n  min-width: 0;\r\n  margin: 0 0 26px;\r\n}\r\n.ob-contact label > span:first-child:not(.wpcf7-form-control-wrap) {\r\n  display: block;\r\n  margin-bottom: 11px;\r\n  font-family: 'Space Mono', monospace;\r\n  font-size: 11px;\r\n  line-height: 1.6;\r\n  letter-spacing: .08em;\r\n  text-transform: uppercase;\r\n  color: #C8C3BA;\r\n}\r\n.ob-contact .wpcf7-form-control-wrap {\r\n  display: block;\r\n  width: 100%;\r\n}\r\n.ob-contact input[type=\"text\"],\r\n.ob-contact input[type=\"email\"],\r\n.ob-contact input[type=\"tel\"],\r\n.ob-contact input[type=\"date\"],\r\n.ob-contact select,\r\n.ob-contact textarea {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  min-height: 58px;\r\n  margin: 0;\r\n  padding: 16px 18px;\r\n  border: 1px solid #494940;\r\n  border-radius: 0;\r\n  background: #22221E;\r\n  color: #F2F0EB;\r\n  font-family: 'Archivo', Helvetica, sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n  box-shadow: none;\r\n}\r\n.ob-contact select {\r\n  padding-right: 36px;\r\n  color-scheme: dark;\r\n}\r\n.ob-contact textarea {\r\n  min-height: 190px;\r\n  resize: vertical;\r\n}\r\n.ob-contact input::placeholder,\r\n.ob-contact textarea::placeholder {\r\n  color: #9E988E;\r\n  opacity: 1;\r\n}\r\n.ob-contact input:focus,\r\n.ob-contact select:focus,\r\n.ob-contact textarea:focus {\r\n  border-color: #C9291B;\r\n  outline: 2px solid #C9291B;\r\n  outline-offset: 2px;\r\n}\r\n.ob-contact .ob-contact-form p {\r\n  margin: 0;\r\n}\r\n.ob-contact .ob-contact-form__bottom {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 20px;\r\n  padding-top: 22px;\r\n  border-top: 1px solid #3A3A36;\r\n}\r\n.ob-contact .ob-contact-form__note {\r\n  font-family: 'Space Mono', monospace;\r\n  font-size: 11px;\r\n  color: #9E988E;\r\n}\r\n.ob-contact .ob-contact-form__bottom p {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n.ob-contact input[type=\"submit\"] {\r\n  width: auto;\r\n  min-height: 56px;\r\n  margin: 0;\r\n  padding: 17px 32px;\r\n  border: 0;\r\n  border-radius: 0;\r\n  background: #C9291B;\r\n  color: #F7F4EF;\r\n  font-family: 'Archivo', Helvetica, sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  letter-spacing: .06em;\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n}\r\n.ob-contact input[type=\"submit\"]:hover {\r\n  background: #F7F4EF;\r\n  color: #1A1A18;\r\n}\r\n.ob-contact input[type=\"submit\"]:focus-visible {\r\n  outline: 2px solid #F7F4EF;\r\n  outline-offset: 4px;\r\n}\r\n.ob-contact .wpcf7-not-valid-tip {\r\n  margin-top: 8px;\r\n  color: #FF9B91;\r\n  font-size: 13px;\r\n}\r\n.ob-contact .wpcf7-response-output {\r\n  margin: 24px 0 0;\r\n  padding: 16px;\r\n  color: #F2F0EB;\r\n  font-size: 15px;\r\n}\r\n.ob-contact .wpcf7-spinner {\r\n  margin: 0;\r\n}\r\n@media (max-width: 600px) {\r\n  .ob-contact .ob-contact-form__row {\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n  }\r\n  .ob-contact .ob-contact-form__bottom {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ob-contact\" id=\"kontakt\"\r\n         aria-labelledby=\"ob-contact-title\">\r\n  <div class=\"ob-contact__inner\">\r\n\r\n    <div class=\"ob-contact__label\">Kontakt \/ wsp\u00f3\u0142praca<\/div>\r\n\r\n    <h2 class=\"ob-contact__title\" id=\"ob-contact-title\">\r\n      Zr\u00f3bmy co\u015b<br>dobrego<span>.<\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"ob-contact__text\">\r\n      Opowiedz, co planujesz. Ustalimy zakres,\r\n      format i spos\u00f3b realizacji.\r\n    <\/p>\r\n\r\n    <div class=\"ob-contact__box\">\r\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f26-o1\" lang=\"pl-PL\" dir=\"ltr\" data-wpcf7-id=\"26\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/2#wpcf7-f26-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formularz kontaktowy\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"26\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.2\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"pl_PL\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f26-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"ob-contact-form\">\n\t<div class=\"ob-contact-form__row\">\n\t\t<p><label><br \/>\n<span>Imi\u0119 i nazwisko *<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Jak si\u0119 nazywasz?\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t\t<p><label><br \/>\n<span>E-mail *<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"twoj@email.pl\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"ob-contact-form__row\">\n\t\t<p><label><br \/>\n<span>Firma \/ redakcja \/ organizacja<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Kogo reprezentujesz?\" value=\"\" type=\"text\" name=\"your-company\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t\t<p><label><br \/>\n<span>Planowany termin<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-date\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Kiedy chcesz zrealizowa\u0107 projekt?\" value=\"\" type=\"text\" name=\"your-date\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n\t<p><label><br \/>\n<span>Czego potrzebujesz? *<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-service\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-service\"><option value=\"\">Wybierz obszar wsp\u00f3\u0142pracy<\/option><option value=\"Shortsy i wideo pionowe\">Shortsy i wideo pionowe<\/option><option value=\"Monta\u017c i postprodukcja\">Monta\u017c i postprodukcja<\/option><option value=\"Warsztaty i szkolenia\">Warsztaty i szkolenia<\/option><option value=\"Reporta\u017c i materia\u0142 dziennikarski\">Reporta\u017c i materia\u0142 dziennikarski<\/option><option value=\"Film dokumentalny \/ mini-dok\">Film dokumentalny \/ mini-dok<\/option><option value=\"Inny projekt\">Inny projekt<\/option><\/select><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><label><br \/>\n<span>Opowiedz o projekcie *<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Co chcesz zrobi\u0107, dla kogo i w jakim zakresie? Je\u015bli masz okre\u015blony bud\u017cet lub link do materia\u0142\u00f3w, dopisz je tutaj.\" name=\"your-message\"><\/textarea><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<div class=\"ob-contact-form__bottom\">\n\t\t<p><span class=\"ob-contact-form__note\">* Pola wymagane<\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Wy\u015blij brief \u2192\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ac878d e-con e-atomic-element e-flexbox-base e-default-div e-d50195a \" data-id=\"8ac878d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8ac878d\">\n    \t\t<div class=\"elementor-element elementor-element-63d5638 elementor-widget elementor-widget-html\" data-id=\"63d5638\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"ob-footer\">\r\n<div class=\"ob-footer__inner\">\r\n<div class=\"ob-footer__grid\">\r\n<div>\r\n<div class=\"ob-footer__name\">Oskar B\u0105k<\/div>\r\n<div class=\"ob-footer__description\">Dziennikarz \/ Tw\u00f3rca<br \/>Gda\u0144sk, Polska<\/div>\r\n<\/div>\r\n<nav class=\"ob-footer__links\" aria-label=\"Nawigacja w stopce\"><a class=\"ob-footer__link\" href=\"#praca\">Praca<\/a> <a class=\"ob-footer__link\" href=\"#o-mnie\">O mnie<\/a> <a class=\"ob-footer__link\" href=\"#kontakt\">Kontakt<\/a><\/nav>\r\n<div class=\"ob-footer__links\"><a class=\"ob-footer__link\" href=\"https:\/\/www.youtube.com\/@BakOskar\" target=\"_blank\" rel=\"noopener noreferrer\"> YouTube \u2197 <\/a> <a class=\"ob-footer__link\" href=\"https:\/\/www.linkedin.com\/in\/oskar-b%C4%85k-1b7bb0137\/\" target=\"_blank\" rel=\"noopener noreferrer\"> LinkedIn \u2197 <\/a><\/div>\r\n<div><a class=\"ob-footer__link ob-footer__email\" href=\"mailto:kontakt@oskarbak.pl\"> kontakt@oskarbak.pl <\/a><\/div>\r\n<\/div>\r\n<div class=\"ob-footer__bottom\">\r\n<div class=\"ob-footer__signoff\">Do zobaczenia tam gdzie\u015b<span class=\"ob-footer__dot\">.<\/span><\/div>\r\n<div class=\"ob-footer__credits\">\u00a9 <span class=\"ob-footer__year\">2026<\/span> Oskar B\u0105kGda\u0144sk \/ 54.35\u00b0N 18.65\u00b0E<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/footer>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-04742f5 e-flex e-con-boxed e-con e-parent\" data-id=\"04742f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e5d902 elementor-widget elementor-widget-html\" data-id=\"7e5d902\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n(function () {\r\n  var base = 'https:\/\/oskarbak.pl\/wp-content\/uploads\/2026\/09\/';\r\n\r\n  var images = {\r\n    'puls': base + 'poster-puls-gdanska.png',\r\n    'plot': base + 'poster-na-plocie.png',\r\n    'afryka': base + 'poster-o-afryce.png',\r\n    'oskar': base + 'oskar.jpg',\r\n    'logo-puls': base + 'Puls_Gdanska.png',\r\n    'logo-radio-gdansk': base + 'Radio_Gdansk.png',\r\n    'logo-polskie-radio': base + 'Polskie_Radio.png',\r\n    'logo-eska': base + 'Radio_ESKA.png'\r\n  };\r\n\r\n  var placeholders = {\r\n    'URL_PULS': images.puls,\r\n    'URL_PLOT': images.plot,\r\n    'URL_AFRYKA': images.afryka\r\n  };\r\n\r\n  function activate(img, url) {\r\n    if (!url || img.dataset.obActivated === url) return;\r\n\r\n    img.dataset.obActivated = url;\r\n    img.addEventListener('load', function () {\r\n      img.hidden = false;\r\n    }, { once: true });\r\n\r\n    img.addEventListener('error', function () {\r\n      img.hidden = true;\r\n      delete img.dataset.obActivated;\r\n    }, { once: true });\r\n\r\n    img.src = url;\r\n    if (img.complete && img.naturalWidth > 0) {\r\n      img.hidden = false;\r\n    }\r\n  }\r\n\r\n  function connectImages() {\r\n    document.querySelectorAll('img[data-ob-image]').forEach(function (img) {\r\n      var key = img.dataset.obImage;\r\n      var url = images[key];\r\n\r\n      if (key && key.indexOf('youtube-') === 0) {\r\n        url = img.dataset.src;\r\n      }\r\n\r\n      activate(img, url);\r\n    });\r\n\r\n    document.querySelectorAll('.ob-reel img').forEach(function (img) {\r\n      var src = img.getAttribute('src') || '';\r\n      var url = placeholders[src];\r\n\r\n      \/* Obs\u0142uguje te\u017c wersj\u0119 ze \u015bcie\u017ckami z oryginalnego projektu. *\/\r\n      if (!url) {\r\n        if (src.indexOf('poster-puls-gdanska.png') !== -1) {\r\n          url = images.puls;\r\n        } else if (src.indexOf('poster-na-plocie.png') !== -1) {\r\n          url = images.plot;\r\n        } else if (src.indexOf('poster-o-afryce.png') !== -1) {\r\n          url = images.afryka;\r\n        }\r\n      }\r\n\r\n      activate(img, url);\r\n    });\r\n  }\r\n\r\n  \/* Nowe miniatury powstaj\u0105 r\u00f3wnie\u017c przy zmianie filmu. *\/\r\n  if (window.obPortfolioImageObserver) {\r\n    window.obPortfolioImageObserver.disconnect();\r\n  }\r\n\r\n  window.obPortfolioImageObserver = new MutationObserver(function (changes) {\r\n    if (changes.some(function (change) {\r\n      return change.addedNodes.length > 0;\r\n    })) {\r\n      connectImages();\r\n    }\r\n  });\r\n\r\n  window.obPortfolioImageObserver.observe(document.body, {\r\n    childList: true,\r\n    subtree: true\r\n  });\r\n\r\n  connectImages();\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', connectImages, { once: true });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7f0ca3 e-con e-atomic-element e-flexbox-base e-default-div e-79f9b93 \" data-id=\"b7f0ca3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b7f0ca3\">\n    \t\t<div class=\"elementor-element elementor-element-ff5b6db elementor-widget elementor-widget-html\" data-id=\"ff5b6db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Zdj\u0119cia maj\u0105 wype\u0142nia\u0107 przygotowane ramki. *\/\r\n.ob-about .ob-about__photo,\r\n.ob-projects-block .ob-project-card__visual,\r\n.ob-materials .ob-materials__screen,\r\n.ob-materials .ob-materials__preview {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n.ob-about img.ob-about__image,\r\n.ob-projects-block img.ob-project-card__image,\r\n.ob-materials img.ob-materials__thumb,\r\n.ob-reel .ob-reel__card img {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  display: block;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  max-width: none !important;\r\n  max-height: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  object-fit: cover !important;\r\n}\r\n\r\n.ob-about img.ob-about__image {\r\n  object-position: 52% 30% !important;\r\n}\r\n\r\nimg.ob-about__image[hidden],\r\nimg.ob-project-card__image[hidden],\r\nimg.ob-materials__thumb[hidden] {\r\n  display: none !important;\r\n}\r\n\r\n\/* Tytu\u0142y film\u00f3w musz\u0105 mie\u015bci\u0107 si\u0119 w swoich kolumnach. *\/\r\n.ob-materials .ob-materials__main,\r\n.ob-materials .ob-materials__others,\r\n.ob-materials .ob-materials__choice {\r\n  min-width: 0 !important;\r\n  max-width: 100% !important;\r\n}\r\n\r\n.ob-materials button.ob-materials__choice {\r\n  white-space: normal !important;\r\n  height: auto !important;\r\n}\r\n\r\n.ob-materials .ob-materials__choice-title,\r\n.ob-materials .ob-materials__film-title {\r\n  display: block !important;\r\n  width: 100%;\r\n  white-space: normal !important;\r\n  overflow-wrap: anywhere;\r\n  word-break: normal;\r\n}\r\n\r\n.ob-materials .ob-materials__preview {\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Zachowujemy proporcje miniaturek i odtwarzacza. *\/\r\n.ob-materials .ob-materials__screen,\r\n.ob-materials .ob-materials__preview {\r\n  aspect-ratio: 16 \/ 9 !important;\r\n}\r\n\r\n.ob-materials button.ob-materials__play {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  padding: 0 !important;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \/* Lepsza miniatura YouTube; zapasowa, je\u015bli brak du\u017cej wersji. *\/\r\n  function upgrade(img) {\r\n    if (img.dataset.obHighRes) return;\r\n    var src = img.getAttribute('src') || '';\r\n    if (!src.includes('i.ytimg.com\/vi\/')) return;\r\n\r\n    img.dataset.obHighRes = 'true';\r\n    var high = src.replace('\/hqdefault.jpg', '\/maxresdefault.jpg');\r\n    if (high === src) return;\r\n\r\n    var probe = new Image();\r\n    probe.onload = function () {\r\n      if (probe.naturalWidth >= 640) {\r\n        img.src = high;\r\n        img.dataset.src = high;\r\n      }\r\n    };\r\n    probe.src = high;\r\n  }\r\n\r\n  function run() {\r\n    document.querySelectorAll('.ob-materials__thumb').forEach(upgrade);\r\n  }\r\n\r\n  run();\r\n\r\n  var observer = new MutationObserver(run);\r\n  document.querySelectorAll('.ob-materials').forEach(function (section) {\r\n    observer.observe(section, { childList: true, subtree: true });\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ed9b88b e-flex e-con-boxed e-con e-parent\" data-id=\"ed9b88b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18def3f elementor-widget elementor-widget-html\" data-id=\"18def3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n(function () {\r\n  const projects = {\r\n    puls: \"\/puls-gdanska\/\",\r\n    plot: \"\/na-plocie\/\",\r\n    afryka: \"\/o-afryce\/\"\r\n  };\r\n\r\n  function connectProjects() {\r\n    document.querySelectorAll(\r\n      \".ob-projects-block .ob-project-card\"\r\n    ).forEach(function (card) {\r\n      if (card.dataset.obLinked === \"true\") return;\r\n\r\n      const img = card.querySelector(\"[data-ob-image]\");\r\n      const url = img && projects[img.dataset.obImage];\r\n\r\n      if (!url) return;\r\n\r\n      if (card.tagName === \"A\") {\r\n        card.href = url;\r\n        card.dataset.obLinked = \"true\";\r\n        return;\r\n      }\r\n\r\n      const link = document.createElement(\"a\");\r\n\r\n      Array.from(card.attributes).forEach(function (attribute) {\r\n        link.setAttribute(attribute.name, attribute.value);\r\n      });\r\n\r\n      link.href = url;\r\n      link.dataset.obLinked = \"true\";\r\n      link.style.textDecoration = \"none\";\r\n      link.style.color = \"inherit\";\r\n\r\n      while (card.firstChild) {\r\n        link.appendChild(card.firstChild);\r\n      }\r\n\r\n      card.replaceWith(link);\r\n    });\r\n  }\r\n\r\n  connectProjects();\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", connectProjects);\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>01Dziennikarz \/ Tw\u00f3rca \/ Projekty medialne Szukam historii, buduj\u0119 format, \u017ceby j\u0105 opowiedzie\u0107. Reporta\u017c, wideo i nowe media \u2014 budowane od zera, publikowane bez pytania o pozwolenie. 01 02 03 Z siedzib\u0105 w Gda\u0144sk, PL Dzia\u0142am na styku Dziennikarstwo \/ Wideo \/ Digital Niezale\u017cny od 2026 Zobacz projekty \u2193 Wsp\u00f3\u0142pracujmy \u2192 Wybrane projekty Trzy projekty [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oskarbak.pl\/en\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oskarbak.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oskarbak.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oskarbak.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oskarbak.pl\/en\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":28,"href":"https:\/\/oskarbak.pl\/en\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/oskarbak.pl\/en\/wp-json\/wp\/v2\/pages\/2\/revisions\/66"}],"wp:attachment":[{"href":"https:\/\/oskarbak.pl\/en\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}