{"id":1334,"date":"2025-12-29T20:11:01","date_gmt":"2025-12-29T19:11:01","guid":{"rendered":"https:\/\/domisob.art\/?page_id=1334"},"modified":"2026-10-30T16:21:26","modified_gmt":"2026-10-30T15:21:26","slug":"wspolpraca","status":"publish","type":"page","link":"https:\/\/domisob.art\/en\/wspolpraca\/","title":{"rendered":"Wsp\u00f3\u0142praca"},"content":{"rendered":"<style>.kb-row-layout-id1334_8cddac-08 > .kt-row-column-wrap{align-content:center;}:where(.kb-row-layout-id1334_8cddac-08 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:center;}.kb-row-layout-id1334_8cddac-08 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:var(--wp--style--global--content-size);min-height:40vh;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id1334_8cddac-08{background-image:url('https:\/\/domisob.art\/wp-content\/uploads\/gradient-domisob.webp');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id1334_8cddac-08 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1334_8cddac-08 > .kt-row-column-wrap{min-height:40vh;grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1334_8cddac-08 > .kt-row-column-wrap{min-height:40vh;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id1334_8cddac-08{background-image:url('https:\/\/domisob.art\/wp-content\/uploads\/2026\/03\/gradient-domisob-mobile.png');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1334_8cddac-08 alignnone kt-row-has-bg dark-toggle wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-middle kb-theme-content-width\">\n<style>.kadence-column1334_b3c2d5-1b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1334_b3c2d5-1b > .kt-inside-inner-col{flex-direction:column;}.kadence-column1334_b3c2d5-1b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1334_b3c2d5-1b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1334_b3c2d5-1b, .kadence-column1334_b3c2d5-1b h1, .kadence-column1334_b3c2d5-1b h2, .kadence-column1334_b3c2d5-1b h3, .kadence-column1334_b3c2d5-1b h4, .kadence-column1334_b3c2d5-1b h5, .kadence-column1334_b3c2d5-1b h6{color:var(--ast-global-color-4);}.kadence-column1334_b3c2d5-1b:hover, .kadence-column1334_b3c2d5-1b:hover h1, .kadence-column1334_b3c2d5-1b:hover h2, .kadence-column1334_b3c2d5-1b:hover h3, .kadence-column1334_b3c2d5-1b:hover h4, .kadence-column1334_b3c2d5-1b:hover h5, .kadence-column1334_b3c2d5-1b:hover h6{color:var(--ast-global-color-4);}.kadence-column1334_b3c2d5-1b{position:relative;}@media all and (max-width: 1024px){.kadence-column1334_b3c2d5-1b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1334_b3c2d5-1b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1334_b3c2d5-1b\"><div class=\"kt-inside-inner-col\">\n<h1 class=\"gsbp-5ca132b\">Wsp\u00f3\u0142praca<\/h1>\n\n\n\n<style>\n  .domisob-customers-small{\n    text-align: center;\n    margin: 4px 0 16px;\n    font-family: Inter, system-ui, sans-serif;\n    font-size: 15.5px;\n    letter-spacing: .04em;\n    opacity: 0.85;\n    max-width: 820px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  \/* MOBILE *\/\n  @media (max-width: 640px){\n    .domisob-customers-small{\n      font-size: 13px;\n      letter-spacing: .14em;\n      line-height: 1.5;\n      padding: 0 18px;\n    }\n  }\n<\/style>\n<div class=\"domisob-customers-small\">\nJak szeroko ma zosta\u0107 ukszta\u0142towana Twoja marka?\n\n<\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kadence-column1334_403808-3d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1334_403808-3d > .kt-inside-inner-col{flex-direction:column;}.kadence-column1334_403808-3d > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1334_403808-3d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1334_403808-3d{position:relative;}@media all and (max-width: 1024px){.kadence-column1334_403808-3d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1334_403808-3d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1334_403808-3d\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* ==========================================\n   DOMISOB \u2014 WSP\u00d3\u0141PRACA\n   ========================================== *\/\n\n.domisob-collab,\n.domisob-collab * {\n  box-sizing: border-box;\n}\n\n.domisob-collab {\n  width: 100%;\n  max-width: 1560px;\n  margin: 72px auto 92px;\n  padding: 0 16px;\n\n  --ds-purple: #5c2d91;\n  --ds-violet: #9747ff;\n  --ds-pink: #de43a9;\n  --ds-coral: #ee9465;\n  --ds-yellow: #f3c33f;\n}\n\n\n\/* ==========================================\n   SCENA\n   ========================================== *\/\n\n.domisob-collab__stage {\n  position: relative;\n  width: 100%;\n  min-height: 470px;\n\n  transition:\n    height 1.25s cubic-bezier(.19,1,.22,1);\n}\n\n\n\/* ==========================================\n   WIDOKI \u2014 BLUR \/ PRZENIKANIE\n   ========================================== *\/\n\n.domisob-collab__view {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n\n  opacity: 0;\n  visibility: hidden;\n  filter: blur(14px);\n  transform: translateY(4px);\n  pointer-events: none;\n\n  transition:\n    opacity 1.25s cubic-bezier(.19,1,.22,1),\n    filter 1.25s cubic-bezier(.19,1,.22,1),\n    transform 1.25s cubic-bezier(.19,1,.22,1),\n    visibility 0s linear 1.25s;\n}\n\n.domisob-collab__view.is-active {\n  opacity: 1;\n  visibility: visible;\n  filter: blur(0);\n  transform: translateY(0);\n  pointer-events: auto;\n\n  transition:\n    opacity 1.35s cubic-bezier(.19,1,.22,1),\n    filter 1.35s cubic-bezier(.19,1,.22,1),\n    transform 1.35s cubic-bezier(.19,1,.22,1),\n    visibility 0s linear 0s;\n}\n\n.domisob-collab__view.is-entering {\n  opacity: 0 !important;\n  visibility: visible !important;\n  filter: blur(16px) !important;\n  transform: translateY(4px) !important;\n  pointer-events: none !important;\n  transition: none !important;\n}\n\n.domisob-collab__view.is-leaving {\n  opacity: 0 !important;\n  visibility: visible !important;\n  filter: blur(16px) !important;\n  transform: translateY(4px) !important;\n  pointer-events: none !important;\n\n  transition:\n    opacity 1.15s cubic-bezier(.19,1,.22,1),\n    filter 1.15s cubic-bezier(.19,1,.22,1),\n    transform 1.15s cubic-bezier(.19,1,.22,1) !important;\n}\n\n\n\/* ==========================================\n   RESET WORDPRESS \/ KADENCE\n   ========================================== *\/\n\n.domisob-collab__choice,\n.domisob-collab__choice *,\n.domisob-collab__back,\n.domisob-collab__back *,\n.domisob-collab__package-info,\n.domisob-collab__package-select {\n  text-transform: none !important;\n}\n\n.domisob-collab__choice,\n.domisob-collab__back,\n.domisob-collab__package-info,\n.domisob-collab__package-select {\n  outline: none !important;\n  -webkit-tap-highlight-color: transparent !important;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  user-select: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.domisob-collab__choice:focus,\n.domisob-collab__choice:focus-visible,\n.domisob-collab__choice:active,\n.domisob-collab__back:focus,\n.domisob-collab__back:focus-visible,\n.domisob-collab__back:active,\n.domisob-collab__package-info:focus,\n.domisob-collab__package-info:focus-visible,\n.domisob-collab__package-info:active,\n.domisob-collab__package-select:focus,\n.domisob-collab__package-select:focus-visible,\n.domisob-collab__package-select:active {\n  outline: none !important;\n  -webkit-tap-highlight-color: transparent !important;\n}\n\n.domisob-collab__choice::-moz-focus-inner,\n.domisob-collab__back::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\n.domisob-collab__package-info:visited,\n.domisob-collab__package-select:visited {\n  color: #222 !important;\n}\n\n\n\/* ==========================================\n   TRZY R\u00d3WNE G\u0141\u00d3WNE KARTY\n   ========================================== *\/\n\n.domisob-collab__choices {\n  position: relative;\n  top: -25px;\n\n  width: 100%;\n  max-width: 1500px;\n  margin: 0 auto;\n\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n  align-items: stretch;\n\n  padding: 52px 12px 62px;\n}\n\n.domisob-collab__choice-shell {\n  position: relative;\n  min-width: 0;\n  display: flex;\n\n  --ds-x: 0px;\n  --ds-y: 0px;\n  --ds-rx: 0deg;\n  --ds-ry: 0deg;\n  --ds-mx: 50%;\n  --ds-my: 50%;\n}\n\n.domisob-collab__choice-shell,\n.domisob-collab__choice {\n  pointer-events: auto !important;\n}\n\n.domisob-collab__choice {\n  cursor: pointer !important;\n}\n\n\n\/* ==========================================\n   REVEAL TRZECH G\u0141\u00d3WNYCH KART\n   ========================================== *\/\n\n@keyframes domisob-choice-reveal-final {\n  from {\n    opacity: 0;\n    filter: blur(13px);\n    transform: translateY(5px);\n  }\n\n  to {\n    opacity: 1;\n    filter: blur(0);\n    transform: translateY(0);\n  }\n}\n\n@media (prefers-reduced-motion:no-preference) {\n\n  .domisob-collab:not(.is-choice-initialized)\n  [data-collab-view=\"chooser\"].is-active\n  .domisob-collab__choice-shell {\n    opacity: 0 !important;\n    filter: blur(13px) !important;\n    transform: translateY(5px) !important;\n  }\n\n  .domisob-collab.is-choice-initialized\n  [data-collab-view=\"chooser\"].is-active\n  .domisob-collab__choice-shell:nth-child(1) {\n    animation:\n      domisob-choice-reveal-final\n      1.3s\n      cubic-bezier(.19,1,.22,1)\n      220ms\n      backwards;\n  }\n\n  .domisob-collab.is-choice-initialized\n  [data-collab-view=\"chooser\"].is-active\n  .domisob-collab__choice-shell:nth-child(2) {\n    animation:\n      domisob-choice-reveal-final\n      1.3s\n      cubic-bezier(.19,1,.22,1)\n      450ms\n      backwards;\n  }\n\n  .domisob-collab.is-choice-initialized\n  [data-collab-view=\"chooser\"].is-active\n  .domisob-collab__choice-shell:nth-child(3) {\n    animation:\n      domisob-choice-reveal-final\n      1.3s\n      cubic-bezier(.19,1,.22,1)\n      680ms\n      backwards;\n  }\n\n  .domisob-collab.is-choice-initialized\n  [data-collab-view=\"chooser\"].is-active\n  .domisob-collab__choice-shell.is-selected,\n\n  .domisob-collab.is-choice-initialized\n  [data-collab-view=\"chooser\"].is-active\n  .domisob-collab__choice-shell.is-unselected {\n    animation: none !important;\n  }\n}\n\n\n\/* ==========================================\n   \u015aWIAT\u0141O POD G\u0141\u00d3WNYMI KARTAMI\n   ========================================== *\/\n\n.domisob-collab__choice-glow {\n  position: absolute;\n  inset: -4% -4% -7%;\n  border-radius: 42px;\n  pointer-events: none;\n\n  filter:\n    blur(31px)\n    saturate(1.08);\n\n  opacity: .70;\n\n  transform:\n    translate3d(\n      var(--ds-x),\n      var(--ds-y),\n      0\n    )\n    scale(1.01);\n\n  transition:\n    transform .75s cubic-bezier(.19,1,.22,1),\n    opacity .85s ease,\n    filter .85s ease;\n\n  will-change: transform;\n}\n\n\n\/* SYSTEM MARKI *\/\n\n.domisob-collab__choice-glow--system {\n  background:\n    radial-gradient(\n      ellipse at 12% 16%,\n      rgba(92,45,145,.26) 0%,\n      rgba(151,71,255,.19) 32%,\n      transparent 63%\n    ),\n    radial-gradient(\n      ellipse at 82% 20%,\n      rgba(222,67,169,.20) 0%,\n      rgba(238,148,101,.15) 37%,\n      transparent 66%\n    ),\n    radial-gradient(\n      ellipse at 82% 82%,\n      rgba(243,195,63,.21) 0%,\n      rgba(238,148,101,.15) 36%,\n      transparent 68%\n    ),\n    radial-gradient(\n      ellipse at 15% 84%,\n      rgba(151,71,255,.23) 0%,\n      rgba(92,45,145,.14) 38%,\n      transparent 69%\n    );\n}\n\n\n\/* BRAND EXPERIENCE *\/\n\n.domisob-collab__choice-glow--experience {\n  background:\n    radial-gradient(\n      ellipse at 12% 18%,\n      rgba(243,195,63,.23) 0%,\n      rgba(238,148,101,.17) 34%,\n      transparent 65%\n    ),\n    radial-gradient(\n      ellipse at 84% 18%,\n      rgba(222,67,169,.23) 0%,\n      rgba(151,71,255,.15) 36%,\n      transparent 67%\n    ),\n    radial-gradient(\n      ellipse at 80% 82%,\n      rgba(92,45,145,.25) 0%,\n      rgba(151,71,255,.16) 36%,\n      transparent 69%\n    ),\n    radial-gradient(\n      ellipse at 14% 84%,\n      rgba(238,148,101,.19) 0%,\n      rgba(243,195,63,.14) 36%,\n      transparent 69%\n    );\n}\n\n\n\/* STA\u0141Y ROZW\u00d3J MARKI *\/\n\n\/* ==========================================\n   STA\u0141Y ROZW\u00d3J MARKI \u2014 \u015aWIAT\u0141O\n   ========================================== *\/\n\n.domisob-collab__choice-glow--development {\n  background:\n\n    radial-gradient(\n      ellipse at 16% 18%,\n      rgba(151,71,255,.28) 0%,\n      rgba(92,45,145,.20) 35%,\n      transparent 67%\n    ),\n\n    radial-gradient(\n      ellipse at 84% 20%,\n      rgba(222,67,169,.24) 0%,\n      rgba(238,148,101,.17) 35%,\n      transparent 68%\n    ),\n\n    radial-gradient(\n      ellipse at 78% 83%,\n      rgba(243,195,63,.24) 0%,\n      rgba(238,148,101,.17) 36%,\n      transparent 68%\n    ),\n\n    radial-gradient(\n      ellipse at 17% 82%,\n      rgba(92,45,145,.26) 0%,\n      rgba(151,71,255,.19) 38%,\n      transparent 69%\n    );\n}\n\/* ==========================================\n   G\u0141\u00d3WNE TAFLE \u2014 JEDNAKOWE WYMIARY\n   ========================================== *\/\n\n.domisob-collab__choice {\n  position: relative;\n  z-index: 2;\n\n  display: flex;\n  width: 100%;\n  min-width: 0;\n  min-height: 365px;\n  height: 100%;\n\n  padding: 40px 38px 34px;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(255,255,255,.52) !important;\n\n  border-radius:\n    30px !important;\n\n  outline: none !important;\n\n  appearance: none;\n  -webkit-appearance: none;\n\n  cursor: pointer;\n\n  color: #111 !important;\n  text-align: center;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.52) 0%,\n      rgba(255,255,255,.30) 48%,\n      rgba(255,255,255,.19) 100%\n    ) !important;\n\n  -webkit-backdrop-filter:\n    blur(14px)\n    saturate(165%);\n\n  backdrop-filter:\n    blur(14px)\n    saturate(165%);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.65),\n    inset 0 -1px 0 rgba(255,255,255,.13),\n    0 12px 28px rgba(92,45,145,.065);\n\n  transform:\n    perspective(900px)\n    rotateX(var(--ds-rx))\n    rotateY(var(--ds-ry))\n    translate3d(0,0,0);\n\n  transform-style: preserve-3d;\n\n  transition:\n    transform .62s cubic-bezier(.19,1,.22,1),\n    box-shadow .72s cubic-bezier(.19,1,.22,1),\n    background .72s ease;\n\n  -webkit-tap-highlight-color: transparent;\n\n  will-change: transform;\n}\n\n\n\/* \u015aWIAT\u0141O NA POWIERZCHNI *\/\n\n.domisob-collab__choice::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  pointer-events: none;\n  border-radius: inherit;\n\n  background:\n    radial-gradient(\n      circle at var(--ds-mx) var(--ds-my),\n      rgba(255,255,255,.45) 0%,\n      rgba(255,255,255,.18) 18%,\n      rgba(255,255,255,.04) 39%,\n      transparent 61%\n    ),\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.18) 0%,\n      rgba(255,255,255,.025) 52%,\n      rgba(255,255,255,.10) 100%\n    );\n\n  opacity: .76;\n\n  transition:\n    opacity .7s ease;\n}\n\n\n\/* ROZ\u015aWIETLENIE WYBRANEJ *\/\n\n.domisob-collab__choice::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n\n  pointer-events: none;\n  border-radius: inherit;\n\n  opacity: 0;\n\n  background:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(255,255,255,.42) 0%,\n      rgba(255,255,255,.16) 40%,\n      transparent 73%\n    );\n\n  transition:\n    opacity 1.15s cubic-bezier(.19,1,.22,1);\n}\n\n\n\/* BIA\u0141Y BLUR NIEWYBRANEJ *\/\n\n.domisob-collab__choice-whiteout {\n  position: absolute;\n  inset: -2px;\n  z-index: 6;\n\n  border-radius: inherit;\n  pointer-events: none;\n\n  background:\n    rgba(255,255,255,.97);\n\n  opacity: 0;\n\n  transition:\n    opacity 1.35s cubic-bezier(.19,1,.22,1);\n}\n\n\n\/* ==========================================\n   TRE\u015a\u0106 G\u0141\u00d3WNYCH KART\n   ========================================== *\/\n\n.domisob-collab__choice-content {\n  position: relative;\n  z-index: 3;\n\n  width: 100%;\n  min-height: 100%;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.domisob-collab__choice-title {\n  display: block;\n  margin: 0 0 20px;\n\n  font-family:\n    \"Bricolage Grotesque\",\n    sans-serif;\n\n  font-size:\n    clamp(32px,3.2vw,42px);\n\n  line-height: 1.04;\n  font-weight: 600;\n  letter-spacing: -.04em;\n\n  text-transform: none !important;\n\n  color: #5c2d91;\n}\n\n.domisob-collab__choice-desc {\n  display: block;\n\n  width: 100%;\n  max-width: 350px;\n  margin: 0 auto;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size: 14px;\n  line-height: 1.72;\n  font-weight: 400;\n  letter-spacing: normal;\n\n  text-transform: none !important;\n\n  color:\n    rgba(17,17,17,.67);\n}\n\n.domisob-collab__choice-action {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  margin-top: 0;\n  padding-top: 34px;\n\n  font-family:\n    \"Bricolage Grotesque\",\n    sans-serif;\n\n  font-size: 14px;\n  line-height: 1.2;\n  font-weight: 600;\n  letter-spacing: normal;\n\n  text-transform: none !important;\n\n  color: #282828;\n\n  transition:\n    gap .45s cubic-bezier(.19,1,.22,1),\n    color .45s ease;\n}\n\n.domisob-collab__choice-action span {\n  transition:\n    transform .45s cubic-bezier(.19,1,.22,1);\n}\n\n\n\/* ==========================================\n   HOVER G\u0141\u00d3WNYCH KART\n   ========================================== *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .domisob-collab__choice-shell:hover\n  .domisob-collab__choice-glow {\n    opacity: .96;\n\n    filter:\n      blur(29px)\n      saturate(1.19);\n  }\n\n  .domisob-collab__choice-shell:hover\n  .domisob-collab__choice {\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.72),\n      inset 0 -1px 0 rgba(255,255,255,.15),\n      0 17px 38px rgba(92,45,145,.095);\n  }\n\n  .domisob-collab__choice-shell:hover\n  .domisob-collab__choice::before {\n    opacity: 1;\n  }\n\n  .domisob-collab__choice-shell:hover\n  .domisob-collab__choice-action {\n    gap: 13px;\n    color: #5c2d91;\n  }\n\n  .domisob-collab__choice-shell:hover\n  .domisob-collab__choice-action span {\n    transform: translateX(4px);\n  }\n}\n\n\n\/* ==========================================\n   DOTYK G\u0141\u00d3WNYCH KART\n   ========================================== *\/\n\n.domisob-collab__choice-shell.is-touching\n.domisob-collab__choice-glow {\n  opacity: .94;\n\n  filter:\n    blur(28px)\n    saturate(1.16);\n}\n\n\n\/* ==========================================\n   WYBRANA \/ NIEWYBRANA\n   ========================================== *\/\n\n.domisob-collab__choice-shell.is-selected {\n  z-index: 5;\n}\n\n.domisob-collab__choice-shell.is-selected\n.domisob-collab__choice {\n  transform:\n    perspective(900px)\n    rotateX(0)\n    rotateY(0)\n    scale(1.014);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.74),\n    0 20px 42px rgba(92,45,145,.10);\n\n  transition:\n    transform 1.15s cubic-bezier(.19,1,.22,1),\n    box-shadow 1.15s cubic-bezier(.19,1,.22,1);\n}\n\n.domisob-collab__choice-shell.is-selected\n.domisob-collab__choice::after {\n  opacity: 1;\n}\n\n.domisob-collab__choice-shell.is-selected\n.domisob-collab__choice-glow {\n  opacity: 1;\n\n  filter:\n    blur(28px)\n    saturate(1.22);\n\n  transform:\n    translate3d(\n      var(--ds-x),\n      var(--ds-y),\n      0\n    )\n    scale(1.05);\n}\n\n.domisob-collab__choice-shell.is-unselected {\n  opacity: 0;\n\n  filter:\n    blur(15px)\n    saturate(.36);\n\n  transform:\n    scale(.985);\n\n  transition:\n    opacity 1.35s cubic-bezier(.19,1,.22,1),\n    filter 1.35s cubic-bezier(.19,1,.22,1),\n    transform 1.35s cubic-bezier(.19,1,.22,1);\n}\n\n.domisob-collab__choice-shell.is-unselected\n.domisob-collab__choice-whiteout {\n  opacity: 1;\n}\n\n\n\/* ==========================================\n   POWR\u00d3T\n   ========================================== *\/\n\n.domisob-collab__back-wrap {\n  width: 100%;\n  margin: 8px 0 38px;\n\n  display: flex;\n  justify-content: flex-start;\n}\n\n.domisob-collab__back {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  min-height: 38px;\n  padding: 9px 15px;\n\n  border-radius: 13px !important;\n  border: 1px solid rgba(255,255,255,.44) !important;\n  outline: none !important;\n\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.42) 0%,\n      rgba(255,255,255,.22) 58%,\n      rgba(255,255,255,.30) 100%\n    ) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.58),\n    0 5px 16px rgba(92,45,145,.07) !important;\n\n  -webkit-backdrop-filter:\n    blur(11px)\n    saturate(155%);\n\n  backdrop-filter:\n    blur(11px)\n    saturate(155%);\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size: 12.5px;\n  line-height: 1;\n  font-weight: 500;\n\n  text-transform: none !important;\n\n  color:\n    rgba(17,17,17,.68) !important;\n\n  transition:\n    gap .4s cubic-bezier(.19,1,.22,1),\n    background .4s ease,\n    color .4s ease,\n    box-shadow .4s ease,\n    transform .4s cubic-bezier(.19,1,.22,1);\n\n  -webkit-tap-highlight-color: transparent;\n}\n\n.domisob-collab__back:hover {\n  gap: 12px;\n  color: #5c2d91 !important;\n  transform: translateY(-1px);\n\n  background:\n    rgba(255,255,255,.55) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.66),\n    0 7px 20px rgba(92,45,145,.09) !important;\n}\n\n\n\/* ==========================================\n   SYSTEM MARKI \u2014 BRANDING \/ REBRANDING\n   ========================================== *\/\n\n.domisob-collab__packages {\n  display: grid;\n\n  width: 100%;\n  max-width: 1000px;\n  margin: 0 auto;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap: 58px;\n\n  padding:\n    12px 18px 46px;\n}\n\n.domisob-collab__package {\n  position: relative;\n\n  min-width: 0;\n  min-height: 420px;\n\n  opacity: 0;\n\n  filter:\n    blur(13px);\n\n  transform:\n    translateY(5px);\n\n  transition:\n    opacity 1.3s cubic-bezier(.19,1,.22,1),\n    filter 1.3s cubic-bezier(.19,1,.22,1),\n    transform 1.3s cubic-bezier(.19,1,.22,1);\n\n  isolation: isolate;\n  touch-action: pan-y;\n\n  --ds-package-x: 0px;\n  --ds-package-y: 0px;\n\n  --ds-package-rx: 0deg;\n  --ds-package-ry: 0deg;\n\n  --ds-package-mx: 50%;\n  --ds-package-my: 50%;\n}\n\n.domisob-collab__package.is-revealed {\n  opacity: 1;\n  filter: blur(0);\n  transform: translateY(0);\n}\n\n\n\/* \u015aWIAT\u0141O POD KART\u0104 *\/\n\n.domisob-collab__package-light {\n  position: absolute;\n\n  inset:\n    1% 1% -4%;\n\n  z-index: -1;\n  border-radius: 35px;\n\n  background:\n    radial-gradient(\n      ellipse at 14% 18%,\n      rgba(92,45,145,.27) 0%,\n      rgba(151,71,255,.17) 36%,\n      transparent 68%\n    ),\n    radial-gradient(\n      ellipse at 82% 24%,\n      rgba(222,67,169,.18) 0%,\n      transparent 61%\n    ),\n    radial-gradient(\n      ellipse at 82% 82%,\n      rgba(243,195,63,.17) 0%,\n      rgba(238,148,101,.15) 37%,\n      transparent 68%\n    );\n\n  filter:\n    blur(25px)\n    saturate(1.10);\n\n  opacity: .68;\n\n  transform:\n    translate3d(\n      var(--ds-package-x),\n      var(--ds-package-y),\n      0\n    )\n    scale(1);\n\n  transition:\n    opacity .7s ease,\n    filter .7s ease,\n    transform .7s cubic-bezier(.19,1,.22,1);\n\n  will-change: transform;\n}\n\n\n\/* ZAWARTO\u015a\u0106 KARTY *\/\n\n.domisob-collab__package-content {\n  position: relative;\n\n  height: 100%;\n\n  padding:\n    31px 31px 25px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  border-radius: 27px;\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.60) 0%,\n      rgba(255,255,255,.35) 50%,\n      rgba(255,255,255,.22) 100%\n    );\n\n  border:\n    1px solid rgba(255,255,255,.56);\n\n  -webkit-backdrop-filter:\n    blur(11px)\n    saturate(155%);\n\n  backdrop-filter:\n    blur(11px)\n    saturate(155%);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.72),\n    0 11px 27px rgba(92,45,145,.06);\n\n  transform:\n    perspective(1050px)\n    rotateX(var(--ds-package-rx))\n    rotateY(var(--ds-package-ry))\n    translate3d(0,0,0);\n\n  transform-style: preserve-3d;\n\n  transition:\n    transform .62s cubic-bezier(.19,1,.22,1),\n    box-shadow .65s ease;\n\n  will-change: transform;\n}\n\n\n\/* \u015aWIAT\u0141O NA TAFLI *\/\n\n.domisob-collab__package-content::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n\n  pointer-events: none;\n  border-radius: inherit;\n\n  background:\n    radial-gradient(\n      circle at var(--ds-package-mx) var(--ds-package-my),\n      rgba(255,255,255,.36) 0%,\n      rgba(255,255,255,.15) 18%,\n      rgba(255,255,255,.035) 40%,\n      transparent 62%\n    );\n\n  opacity: .64;\n\n  transition:\n    opacity .65s ease;\n}\n\n.domisob-collab__package-title,\n.domisob-collab__package-desc,\n.domisob-collab__package-info,\n.domisob-collab__price,\n.domisob-collab__package-select {\n  position: relative;\n  z-index: 2;\n}\n\n.domisob-collab__package-title {\n  min-height: 66px;\n  margin: 0 0 13px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  text-align: center;\n\n  font-family:\n    \"Bricolage Grotesque\",\n    sans-serif;\n\n  font-size: 28px;\n  line-height: 1.1;\n  font-weight: 600;\n  letter-spacing: -.035em;\n\n  text-transform: none !important;\n\n  color: #5c2d91;\n}\n\n.domisob-collab__package-desc {\n  min-height: 90px;\n  max-width: 280px;\n  margin: 0 auto 24px;\n\n  text-align: center;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size: 13.5px;\n  line-height: 1.65;\n\n  text-transform: none !important;\n\n  color:\n    rgba(17,17,17,.65);\n}\n\n\n\/* ==========================================\n   PRZYCISKI PAKIET\u00d3W\n   ========================================== *\/\n\n.domisob-collab__package-info,\n.domisob-collab__package-select {\n  width: 100%;\n  min-height: 43px;\n\n  padding:\n    11px 18px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 999px;\n\n  text-align: center;\n  text-decoration: none !important;\n  text-transform: none !important;\n\n  font-family:\n    \"Bricolage Grotesque\",\n    sans-serif;\n\n  font-size: 13.5px;\n  line-height: 1.2;\n  font-weight: 600;\n\n  color: #222 !important;\n\n  background:\n    rgba(255,255,255,.56);\n\n  border:\n    1px solid rgba(255,255,255,.64);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.76),\n    0 6px 17px rgba(92,45,145,.07);\n\n  -webkit-backdrop-filter:\n    blur(9px)\n    saturate(145%);\n\n  backdrop-filter:\n    blur(9px)\n    saturate(145%);\n\n  transition:\n    background .45s ease,\n    box-shadow .45s ease,\n    color .45s ease;\n}\n\n.domisob-collab__package-info:hover,\n.domisob-collab__package-select:hover {\n  color: #5c2d91 !important;\n  transform: none;\n\n  background:\n    rgba(248,244,255,.78);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.88),\n    inset 0 0 0 1px rgba(151,71,255,.06),\n    0 8px 22px rgba(92,45,145,.13);\n}\n\n.domisob-collab__package-info:active,\n.domisob-collab__package-select:active {\n  color: #5c2d91 !important;\n  transform: none;\n\n  background:\n    rgba(248,244,255,.78) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.88),\n    inset 0 0 0 1px rgba(151,71,255,.06),\n    0 8px 22px rgba(92,45,145,.13) !important;\n}\n\n.domisob-collab__package-select {\n  margin-top: auto;\n\n  background:\n    rgba(255,255,255,.70);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.84),\n    0 8px 21px rgba(92,45,145,.095);\n}\n\n\n\/* ==========================================\n   CENA\n   ========================================== *\/\n\n.domisob-collab__price {\n  width: 100%;\n\n  margin:\n    21px 0 23px;\n\n  text-align: center;\n}\n\n.domisob-collab__price-main {\n  display: block;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size: 13px;\n  line-height: 1.45;\n  font-weight: 500;\n\n  text-transform: none !important;\n\n  color:\n    rgba(17,17,17,.58);\n}\n\n.domisob-collab__price-note {\n  display: block;\n\n  margin-top: 4px;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size: 11px;\n  line-height: 1.4;\n\n  text-transform: none !important;\n\n  color:\n    rgba(17,17,17,.42);\n}\n\n\n\/* ==========================================\n   INTERAKCJA PAKIET\u00d3W\n   ========================================== *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .domisob-collab__package:hover\n  .domisob-collab__package-light {\n    opacity: .88;\n\n    filter:\n      blur(24px)\n      saturate(1.19);\n\n    transform:\n      translate3d(\n        var(--ds-package-x),\n        var(--ds-package-y),\n        0\n      )\n      scale(1.018);\n  }\n\n  .domisob-collab__package:hover\n  .domisob-collab__package-content {\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.76),\n      0 15px 34px rgba(92,45,145,.08);\n  }\n\n  .domisob-collab__package:hover\n  .domisob-collab__package-content::before {\n    opacity: .92;\n  }\n}\n\n.domisob-collab__package.is-interacting\n.domisob-collab__package-light {\n  opacity: .86;\n\n  filter:\n    blur(24px)\n    saturate(1.17);\n}\n\n\n\/* ==========================================\n   DU\u017bE WIDOKI\n   BRAND EXPERIENCE \/ STA\u0141Y ROZW\u00d3J MARKI\n   ========================================== *\/\n\n.domisob-collab__soon-shell {\n  position: relative;\n\n  width: 100%;\n  max-width: 780px;\n\n  margin:\n    0 auto 24px;\n\n  padding:\n    24px 18px 38px;\n\n  opacity: 0;\n\n  filter:\n    blur(13px);\n\n  transform:\n    translateY(5px);\n\n  transition:\n    opacity 1.3s cubic-bezier(.19,1,.22,1),\n    filter 1.3s cubic-bezier(.19,1,.22,1),\n    transform 1.3s cubic-bezier(.19,1,.22,1);\n\n  isolation: isolate;\n  touch-action: pan-y;\n\n  --ds-soon-x: 0px;\n  --ds-soon-y: 0px;\n\n  --ds-soon-rx: 0deg;\n  --ds-soon-ry: 0deg;\n\n  --ds-soon-mx: 50%;\n  --ds-soon-my: 50%;\n}\n\n.domisob-collab__soon-shell.is-revealed {\n  opacity: 1;\n  filter: blur(0);\n  transform: translateY(0);\n}\n\n\n\/* \u015aWIAT\u0141O POD DU\u017b\u0104 KART\u0104 *\/\n\n.domisob-collab__soon-light {\n  position: absolute;\n\n  inset:\n    1% 1% -4%;\n\n  z-index: -1;\n  border-radius: 40px;\n\n  background:\n    radial-gradient(\n      ellipse at 13% 18%,\n      rgba(243,195,63,.21) 0%,\n      rgba(238,148,101,.16) 34%,\n      transparent 65%\n    ),\n    radial-gradient(\n      ellipse at 82% 20%,\n      rgba(222,67,169,.21) 0%,\n      rgba(151,71,255,.14) 36%,\n      transparent 67%\n    ),\n    radial-gradient(\n      ellipse at 74% 84%,\n      rgba(92,45,145,.22) 0%,\n      rgba(151,71,255,.15) 35%,\n      transparent 68%\n    );\n\n  filter:\n    blur(29px)\n    saturate(1.08);\n\n  opacity: .76;\n  pointer-events: none;\n\n  transform:\n    translate3d(\n      var(--ds-soon-x),\n      var(--ds-soon-y),\n      0\n    )\n    scale(1);\n\n  transition:\n    opacity .7s ease,\n    filter .7s ease,\n    transform .7s cubic-bezier(.19,1,.22,1);\n\n  will-change: transform;\n}\n\n\n\/* DU\u017bA TAFLA *\/\n\n.domisob-collab__soon {\n  position: relative;\n  z-index: 1;\n\n  padding:\n    clamp(46px,7vw,72px)\n    clamp(25px,6vw,60px);\n\n  text-align: center;\n  overflow: hidden;\n\n  border-radius: 30px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.53) 0%,\n      rgba(255,255,255,.30) 52%,\n      rgba(255,255,255,.19) 100%\n    );\n\n  border:\n    1px solid rgba(255,255,255,.54);\n\n  -webkit-backdrop-filter:\n    blur(13px)\n    saturate(160%);\n\n  backdrop-filter:\n    blur(13px)\n    saturate(160%);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.70),\n    0 13px 31px rgba(92,45,145,.07);\n\n  transform:\n    perspective(1050px)\n    rotateX(var(--ds-soon-rx))\n    rotateY(var(--ds-soon-ry))\n    translate3d(0,0,0);\n\n  transform-style: preserve-3d;\n\n  transition:\n    transform .62s cubic-bezier(.19,1,.22,1),\n    box-shadow .65s ease;\n\n  will-change: transform;\n}\n\n\n\/* \u015aWIAT\u0141O NA TAFLI *\/\n\n.domisob-collab__soon::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n\n  border-radius: inherit;\n  pointer-events: none;\n\n  background:\n    radial-gradient(\n      circle at var(--ds-soon-mx) var(--ds-soon-my),\n      rgba(255,255,255,.37) 0%,\n      rgba(255,255,255,.15) 18%,\n      rgba(255,255,255,.035) 40%,\n      transparent 62%\n    );\n\n  opacity: .66;\n\n  transition:\n    opacity .65s ease;\n}\n\n.domisob-collab__soon h3,\n.domisob-collab__soon p,\n.domisob-collab__soon-note {\n  position: relative;\n  z-index: 2;\n}\n\n.domisob-collab__soon h3 {\n  margin: 0 0 20px;\n\n  font-family:\n    \"Bricolage Grotesque\",\n    sans-serif;\n\n  font-size:\n    clamp(34px,4vw,50px);\n\n  line-height: 1.04;\n  font-weight: 600;\n  letter-spacing: -.045em;\n\n  text-transform: none !important;\n\n  color: #5c2d91;\n}\n\n.domisob-collab__soon p {\n  max-width: 600px;\n  margin: 0 auto 14px;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size: 14.5px;\n  line-height: 1.75;\n\n  text-transform: none !important;\n\n  color:\n    rgba(17,17,17,.65);\n}\n\n.domisob-collab__soon p:last-of-type {\n  margin-bottom: 0;\n}\n\n.domisob-collab__soon-note {\n  display: inline-block;\n\n  margin-top: 26px;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size: 12px;\n  line-height: 1.4;\n  font-weight: 500;\n  letter-spacing: .02em;\n\n  text-transform: none !important;\n\n  color:\n    rgba(92,45,145,.60);\n}\n\n\n\/* ==========================================\n   INTERAKCJA DU\u017bYCH KART\n   ========================================== *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .domisob-collab__soon-shell:hover\n  .domisob-collab__soon-light {\n    opacity: .91;\n\n    filter:\n      blur(28px)\n      saturate(1.18);\n\n    transform:\n      translate3d(\n        var(--ds-soon-x),\n        var(--ds-soon-y),\n        0\n      )\n      scale(1.018);\n  }\n\n  .domisob-collab__soon-shell:hover\n  .domisob-collab__soon {\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.75),\n      0 17px 37px rgba(92,45,145,.085);\n  }\n\n  .domisob-collab__soon-shell:hover\n  .domisob-collab__soon::before {\n    opacity: .94;\n  }\n}\n\n.domisob-collab__soon-shell.is-interacting\n.domisob-collab__soon-light {\n  opacity: .89;\n\n  filter:\n    blur(28px)\n    saturate(1.17);\n}\n\n\n\/* ==========================================\n   STA\u0141Y ROZW\u00d3J MARKI\n   UK\u0141AD JAK W BRANDINGU \/ REBRANDINGU\n   ========================================== *\/\n\n.domisob-collab__development-offer {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  max-width: 400px;\n\n  margin: 26px auto 0;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.domisob-collab__development-offer\n.domisob-collab__package-info,\n\n.domisob-collab__development-offer\n.domisob-collab__package-select {\n  width: 100%;\n}\n\n.domisob-collab__development-offer\n.domisob-collab__price {\n  margin:\n    21px 0 23px;\n}\n\n.domisob-collab__development-offer\n.domisob-collab__package-select {\n  margin-top: 0;\n}\n\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width:900px) {\n\n  .domisob-collab {\n    margin:\n      60px auto 76px;\n\n    padding:\n      0 20px;\n  }\n\n  .domisob-collab__choices {\n    max-width: 620px;\n\n    grid-template-columns:\n      1fr;\n\n    gap: 34px;\n\n    padding:\n      46px 10px 54px;\n  }\n\n  .domisob-collab__choice {\n    min-height: 315px;\n    height: 100%;\n  }\n\n  .domisob-collab__packages {\n    max-width: 620px;\n    margin: 0 auto;\n\n    grid-template-columns:\n      1fr;\n\n    gap: 28px;\n\n    padding:\n      12px 10px 46px;\n  }\n\n  .domisob-collab__package {\n    min-height: 410px;\n  }\n\n  .domisob-collab__package-title,\n  .domisob-collab__package-desc {\n    min-height: auto;\n  }\n}\n\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width:640px) {\n\n  .domisob-collab {\n    margin:\n      48px auto 64px;\n\n    padding:\n      0 16px;\n  }\n\n  .domisob-collab__choices {\n    gap: 28px;\n\n    padding:\n      38px 4px 48px;\n  }\n\n  .domisob-collab__choice {\n    min-height: 300px;\n\n    padding:\n      34px 23px 27px;\n\n    border-radius:\n      26px !important;\n\n    -webkit-backdrop-filter:\n      blur(8px)\n      saturate(150%);\n\n    backdrop-filter:\n      blur(8px)\n      saturate(150%);\n  }\n\n  .domisob-collab__choice-glow {\n    filter:\n      blur(22px)\n      saturate(1.05);\n\n    opacity: .69;\n  }\n\n  .domisob-collab__choice-title {\n    font-size: 30px;\n  }\n\n  .domisob-collab__choice-desc {\n    font-size: 13.5px;\n    line-height: 1.67;\n  }\n\n  .domisob-collab__choice-action {\n    font-size: 13px;\n    padding-top: 28px;\n  }\n\n  .domisob-collab__back-wrap {\n    margin:\n      8px 4px 30px;\n  }\n\n  .domisob-collab__back {\n    min-height: 36px;\n\n    padding:\n      8px 13px;\n\n    font-size: 12px;\n\n    -webkit-backdrop-filter:\n      blur(7px)\n      saturate(145%);\n\n    backdrop-filter:\n      blur(7px)\n      saturate(145%);\n  }\n\n  .domisob-collab__packages {\n    padding:\n      8px 4px 38px;\n  }\n\n  .domisob-collab__package {\n    min-height: 0;\n  }\n\n  .domisob-collab__package-content {\n    height: auto;\n\n    padding:\n      28px 20px 23px;\n\n    -webkit-backdrop-filter:\n      blur(7px)\n      saturate(145%);\n\n    backdrop-filter:\n      blur(7px)\n      saturate(145%);\n  }\n\n  .domisob-collab__package-title {\n    font-size: 27px;\n  }\n\n  .domisob-collab__package-desc {\n    font-size: 13.5px;\n  }\n\n  .domisob-collab__package-info,\n  .domisob-collab__package-select {\n    min-height: 42px;\n    font-size: 13px;\n  }\n\n  .domisob-collab__price {\n    margin:\n      21px 0 0;\n  }\n\n  .domisob-collab__package-select {\n    margin-top: 23px;\n  }\n\n  .domisob-collab__soon-shell {\n    padding:\n      14px 4px 34px;\n  }\n\n  .domisob-collab__soon {\n    padding:\n      44px 22px;\n\n    border-radius: 27px;\n\n    -webkit-backdrop-filter:\n      blur(8px)\n      saturate(150%);\n\n    backdrop-filter:\n      blur(8px)\n      saturate(150%);\n  }\n\n  .domisob-collab__soon h3 {\n    font-size: 35px;\n  }\n\n  .domisob-collab__soon p {\n    font-size: 13.5px;\n    line-height: 1.7;\n  }\n\n  .domisob-collab__development-offer {\n    max-width: 100%;\n    margin-top: 23px;\n  }\n\n  .domisob-collab__development-offer\n  .domisob-collab__price {\n    margin:\n      21px 0 23px;\n  }\n\n  .domisob-collab__development-offer\n  .domisob-collab__package-select {\n    margin-top: 0;\n  }\n}\n\n\n\/* ==========================================\n   FIX FRONTEND WIDTH \u2014 WORDPRESS \/ KADENCE\n   ========================================== *\/\n\n.wp-block-html:has(.domisob-collab) {\n  display: block !important;\n  width: 100% !important;\n  max-width: none !important;\n  min-width: 0 !important;\n}\n\n.domisob-collab {\n  display: block !important;\n\n  width:\n    min(\n      1560px,\n      100vw\n    ) !important;\n\n  max-width: none !important;\n\n  margin-left: auto !important;\n  margin-right: auto !important;\n\n  min-width: 0 !important;\n}\n\n.domisob-collab__stage {\n  display: block !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n  position: relative !important;\n}\n\n.domisob-collab__view {\n  left: 0 !important;\n  right: 0 !important;\n\n  width: auto !important;\n  max-width: none !important;\n  min-width: 0 !important;\n}\n\n.domisob-collab__choices,\n.domisob-collab__packages {\n  width: 100% !important;\n  min-width: 0 !important;\n}\n\n\n\/* ==========================================\n   901\u20131180 PX\n   ========================================== *\/\n\n@media (min-width:901px) and (max-width:1180px) {\n\n  .domisob-collab {\n    width: 100vw !important;\n    max-width: none !important;\n\n    margin-left:\n      calc(50% - 50vw) !important;\n\n    margin-right:\n      calc(50% - 50vw) !important;\n\n    padding-left: 16px !important;\n    padding-right: 16px !important;\n  }\n\n  .domisob-collab__choices {\n    gap: 18px;\n\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n\n  .domisob-collab__choice {\n    padding:\n      38px 24px 32px;\n  }\n\n  .domisob-collab__packages {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n\n  .domisob-collab__back-wrap {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n\n  .domisob-collab__soon-shell {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n}\n\n\n\/* ==========================================\n   641\u2013900 PX\n   ========================================== *\/\n\n@media (min-width:641px) and (max-width:900px) {\n\n  .domisob-collab {\n    width: 100vw !important;\n    max-width: none !important;\n\n    margin-left:\n      calc(50% - 50vw) !important;\n\n    margin-right:\n      calc(50% - 50vw) !important;\n\n    padding-left: 24px !important;\n    padding-right: 24px !important;\n  }\n\n  .domisob-collab__choices,\n  .domisob-collab__packages {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n\n  .domisob-collab__back-wrap {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n\n  .domisob-collab__soon-shell {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n}\n\n\n\/* ==========================================\n   DO 640 PX\n   ========================================== *\/\n\n@media (max-width:640px) {\n\n  .domisob-collab {\n    width: 100vw !important;\n    max-width: none !important;\n\n    margin-left:\n      calc(50% - 50vw) !important;\n\n    margin-right:\n      calc(50% - 50vw) !important;\n\n    padding-left: 16px !important;\n    padding-right: 16px !important;\n  }\n\n  .domisob-collab__choices,\n  .domisob-collab__packages {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n\n  .domisob-collab__back-wrap {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n\n  .domisob-collab__soon-shell {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n}\n\n\n\/* ==========================================\n   DO 480 PX\n   ========================================== *\/\n\n@media (max-width:480px) {\n\n  .domisob-collab {\n    padding-left: 14px !important;\n    padding-right: 14px !important;\n  }\n}\n\n\n\/* ==========================================\n   REDUCED MOTION\n   ========================================== *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .domisob-collab *,\n  .domisob-collab *::before,\n  .domisob-collab *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .domisob-collab__view,\n  .domisob-collab__package,\n  .domisob-collab__soon-shell,\n  .domisob-collab__choice-shell {\n    opacity: 1 !important;\n    filter: none !important;\n    transform: none !important;\n  }\n\n  .domisob-collab\n  [data-collab-view=\"chooser\"]\n  .domisob-collab__choice-shell {\n    animation: none !important;\n    pointer-events: auto !important;\n  }\n}\n\n\/* ==========================================\n   SZYBSZE OTWIERANIE I POWR\u00d3T\n   ========================================== *\/\n\n.domisob-collab__stage {\n  transition:\n    height .95s cubic-bezier(.19,1,.22,1);\n}\n\n.domisob-collab__view.is-active {\n  transition:\n    opacity 1s cubic-bezier(.19,1,.22,1),\n    filter 1s cubic-bezier(.19,1,.22,1),\n    transform 1s cubic-bezier(.19,1,.22,1),\n    visibility 0s linear 0s;\n}\n\n.domisob-collab__view.is-leaving {\n  transition:\n    opacity .75s cubic-bezier(.19,1,.22,1),\n    filter .75s cubic-bezier(.19,1,.22,1),\n    transform .75s cubic-bezier(.19,1,.22,1) !important;\n}\n\n.domisob-collab__package,\n.domisob-collab__soon-shell {\n  transition:\n    opacity 1s cubic-bezier(.19,1,.22,1),\n    filter 1s cubic-bezier(.19,1,.22,1),\n    transform 1s cubic-bezier(.19,1,.22,1);\n}\n\n\/* ==========================================\n   DOMISOB \u2014 SYSTEM MARKI\n   FINALNY TEST: 3 KAPSU\u0141KI W KARCIE\n   ========================================== *\/\n\n\n\/* Ka\u017cda karta mo\u017ce rosn\u0105\u0107 niezale\u017cnie\n   po rozwini\u0119ciu zakresu *\/\n\n.domisob-collab__packages {\n  align-items: start;\n}\n\n\n\/* ==========================================\n   WN\u0118TRZE KARTY\n   ========================================== *\/\n\n.domisob-collab__package-content {\n  height: auto;\n  min-height: 420px;\n\n  padding:\n    31px 31px 25px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n\n\/* ==========================================\n   TYTU\u0141\n   ========================================== *\/\n\n.domisob-collab__package-title {\n  min-height: 0;\n\n  width: 100%;\n\n  margin:\n    0 0 18px;\n\n  text-align:\n    center;\n}\n\n\n\/* ==========================================\n   OPIS\n   szerszy ni\u017c w starej wersji,\n   ale nadal kontrolowany\n   ========================================== *\/\n\n.domisob-collab__package-desc {\n  width: 100%;\n  max-width: 350px;\n\n  min-height: 0;\n\n  margin:\n    0 auto 20px;\n\n  padding: 0;\n\n  text-align:\n    center;\n}\n\n\n\/* ==========================================\n   CENA\n   ZOSTAJE POD OPISEM\n   ========================================== *\/\n\n.domisob-collab__price {\n  width: 100%;\n  max-width: 350px;\n\n  margin:\n    0 auto 24px;\n\n  padding: 0;\n\n  text-align:\n    center;\n}\n\n\n\/* ==========================================\n   WSZYSTKIE 3 KAPSU\u0141KI\n   IDENTYCZNA SZEROKO\u015a\u0106\n   ========================================== *\/\n\n.domisob-collab__package-info,\n.domisob-collab__package-select {\n  width: 100%;\n\n  min-height:\n    43px;\n\n  margin:\n    0;\n\n  padding:\n    11px 18px;\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  flex-shrink:\n    0;\n\n  border-radius:\n    999px !important;\n\n  text-align:\n    center;\n\n  text-decoration:\n    none !important;\n\n  text-transform:\n    none !important;\n\n  font-family:\n    \"Bricolage Grotesque\",\n    sans-serif;\n\n  font-size:\n    13.5px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    600;\n\n  border:\n    1px solid rgba(255,255,255,.64) !important;\n\n  background:\n    rgba(255,255,255,.56) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.76),\n    0 6px 17px rgba(92,45,145,.07) !important;\n\n  -webkit-backdrop-filter:\n    blur(9px)\n    saturate(145%);\n\n  backdrop-filter:\n    blur(9px)\n    saturate(145%);\n\n  transition:\n    background .45s ease,\n    box-shadow .45s ease,\n    color .45s ease;\n\n  -webkit-appearance:\n    none;\n\n  appearance:\n    none;\n}\n\n\n\/* ==========================================\n   1. CO OBEJMUJE\n   ========================================== *\/\n\n.domisob-collab__scope-toggle {\n  color:\n    #222 !important;\n\n  cursor:\n    pointer;\n\n  margin-bottom:\n    14px;\n}\n\n\n\/* absolutnie \u017cadnych dodatkowych\n   linii, plus\u00f3w, ikon *\/\n\n.domisob-collab__scope-toggle::before,\n.domisob-collab__scope-toggle::after {\n  content:\n    none !important;\n\n  display:\n    none !important;\n}\n\n\n\/* ==========================================\n   ROZWIJANA ODPOWIED\u0179\n   ========================================== *\/\n\n.domisob-collab__scope {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n\n  display: grid;\n\n  grid-template-rows:\n    0fr;\n\n  margin:\n    0;\n\n  opacity:\n    0;\n\n  visibility:\n    hidden;\n\n  filter:\n    blur(5px);\n\n  transform:\n    translateY(-5px);\n\n  pointer-events:\n    none;\n\n  transition:\n    grid-template-rows .68s cubic-bezier(.19,1,.22,1),\n    opacity .38s ease,\n    filter .48s ease,\n    transform .68s cubic-bezier(.19,1,.22,1),\n    margin .68s cubic-bezier(.19,1,.22,1),\n    visibility 0s linear .68s;\n}\n\n\n.domisob-collab__scope-inner {\n  min-height:\n    0;\n\n  overflow:\n    hidden;\n}\n\n\n.domisob-collab__scope.is-open {\n  grid-template-rows:\n    1fr;\n\n  margin:\n    0 0 14px;\n\n  opacity:\n    1;\n\n  visibility:\n    visible;\n\n  filter:\n    blur(0);\n\n  transform:\n    translateY(0);\n\n  pointer-events:\n    auto;\n\n  transition:\n    grid-template-rows .68s cubic-bezier(.19,1,.22,1),\n    opacity .42s ease,\n    filter .52s ease,\n    transform .68s cubic-bezier(.19,1,.22,1),\n    margin .68s cubic-bezier(.19,1,.22,1),\n    visibility 0s linear 0s;\n}\n\n\n.domisob-collab__scope-inner p {\n  width:\n    100%;\n\n  max-width:\n    350px;\n\n  margin:\n    0 auto;\n\n  padding:\n    0;\n\n  text-align:\n    center;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size:\n    12.75px;\n\n  line-height:\n    1.68;\n\n  font-weight:\n    400;\n\n  color:\n    rgba(17,17,17,.62);\n}\n\n\n.domisob-collab__scope-inner p + p {\n  margin-top:\n    13px;\n}\n\n\n\/* ==========================================\n   2. POZNAJ PROCES\n   ========================================== *\/\n\n.domisob-collab__process-button {\n  margin-bottom:\n    14px;\n\n  color:\n    #222 !important;\n}\n\n\n\/* ==========================================\n   3. WYBIERAM\n   Ta sama kapsu\u0142ka.\n   Hierarchi\u0119 robi TYLKO fioletowy tekst.\n   ========================================== *\/\n\n.domisob-collab__package-select--primary {\n  margin-top:\n    0 !important;\n\n  color:\n    #5c2d91 !important;\n\n  font-weight:\n    700;\n\n  background:\n    rgba(255,255,255,.56) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.76),\n    0 6px 17px rgba(92,45,145,.07) !important;\n}\n\n\n.domisob-collab__package-select--primary:visited {\n  color:\n    #5c2d91 !important;\n}\n\n\n\/* ==========================================\n   HOVER\n   Wszystkie nadal nale\u017c\u0105 do jednego systemu.\n   ========================================== *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .domisob-collab__package-info:hover,\n  .domisob-collab__package-select--primary:hover {\n\n    background:\n      rgba(248,244,255,.78) !important;\n\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.88),\n      inset 0 0 0 1px rgba(151,71,255,.06),\n      0 8px 22px rgba(92,45,145,.13) !important;\n\n    transform:\n      none;\n  }\n\n\n  .domisob-collab__package-info:hover {\n    color:\n      #5c2d91 !important;\n  }\n\n\n  .domisob-collab__package-select--primary:hover {\n    color:\n      #5c2d91 !important;\n  }\n\n}\n\n\n\/* ==========================================\n   STA\u0141Y ROZW\u00d3J MARKI\n   dok\u0142adnie ten sam system\n   ========================================== *\/\n\n.domisob-collab__development-offer {\n  width:\n    100%;\n\n  max-width:\n    400px;\n\n  margin:\n    26px auto 0;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  align-items:\n    center;\n}\n\n\n.domisob-collab__development-offer\n.domisob-collab__price {\n  width:\n    100%;\n\n  max-width:\n    350px;\n\n  margin:\n    0 auto 24px;\n}\n\n\n.domisob-collab__development-offer\n.domisob-collab__scope-toggle {\n  margin-bottom:\n    14px;\n}\n\n\n.domisob-collab__development-offer\n.domisob-collab__process-button {\n  margin-bottom:\n    14px;\n}\n\n\n.domisob-collab__development-offer\n.domisob-collab__package-select--primary {\n  margin-top:\n    0 !important;\n}\n\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width:900px) {\n\n  .domisob-collab__package-content {\n    min-height:\n      420px;\n  }\n\n}\n\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width:640px) {\n\n  .domisob-collab__package-content {\n    height:\n      auto;\n\n    min-height:\n      365px;\n\n    padding:\n      28px 20px 23px;\n\n    justify-content:\n      center;\n  }\n\n\n  .domisob-collab__package-title {\n    margin-bottom:\n      17px;\n  }\n\n\n  .domisob-collab__package-desc {\n    width:\n      100%;\n\n    max-width:\n      100%;\n\n    margin-bottom:\n      18px;\n\n    font-size:\n      13.5px;\n  }\n\n\n  .domisob-collab__price {\n    width:\n      100%;\n\n    max-width:\n      100%;\n\n    margin:\n      0 auto 22px;\n  }\n\n\n  .domisob-collab__package-info,\n  .domisob-collab__package-select {\n    min-height:\n      42px;\n\n    font-size:\n      13px;\n  }\n\n\n  .domisob-collab__scope-toggle {\n    margin-bottom:\n      12px;\n  }\n\n\n  .domisob-collab__process-button {\n    margin-bottom:\n      12px;\n  }\n\n\n  .domisob-collab__scope.is-open {\n    margin-bottom:\n      12px;\n  }\n\n\n  .domisob-collab__scope-inner p {\n    max-width:\n      100%;\n\n    font-size:\n      12.5px;\n\n    line-height:\n      1.66;\n  }\n\n\n  .domisob-collab__development-offer {\n    width:\n      100%;\n\n    max-width:\n      100%;\n\n    margin-top:\n      23px;\n  }\n\n\n  .domisob-collab__development-offer\n  .domisob-collab__price {\n    max-width:\n      100%;\n\n    margin:\n      0 auto 22px;\n  }\n\n\n  .domisob-collab__development-offer\n  .domisob-collab__scope-toggle {\n    margin-bottom:\n      12px;\n  }\n\n\n  .domisob-collab__development-offer\n  .domisob-collab__process-button {\n    margin-bottom:\n      12px;\n  }\n\n}\n\n\n\/* ==========================================\n   REDUCED MOTION\n   ========================================== *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .domisob-collab__scope {\n    transition:\n      none !important;\n  }\n\n}\n\n.domisob-collab__scope-inner {\n  width: 100%;\n}\n\n.domisob-collab__scope-inner p {\n  width: 100%;\n  max-width: none;\n\n  margin-left: 0;\n  margin-right: 0;\n\n  padding-left: 12px;\n  padding-right: 12px;\n\n  text-align: left;\n}\n\n\/* ==========================================\n   TEST \u2014 WR\u00d3\u0106 JAKO LEKKA KAPSU\u0141KA\n   ========================================== *\/\n\n.domisob-collab__back {\n  border-radius: 999px !important;\n\n  background:\n    rgba(255, 255, 255, .32) !important;\n\n  border:\n    1px solid rgba(92, 45, 145, .07) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.62),\n    0 4px 14px rgba(92,45,145,.055) !important;\n}\n\n\n@media (hover:hover) and (pointer:fine) {\n\n  .domisob-collab__back:hover {\n    color: #5c2d91 !important;\n\n    background:\n      rgba(248,244,255,.56) !important;\n\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.76),\n      0 6px 18px rgba(92,45,145,.08) !important;\n  }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const section = document.querySelector(\"[data-domisob-collab]\");\n\n  if (!section) {\n    return;\n  }\n\n  section.classList.remove(\"is-choice-intro\");\n\n  const stage = section.querySelector(\"[data-collab-stage]\");\n\n  const prefersReducedMotion = window.matchMedia(\n    \"(prefers-reduced-motion: reduce)\"\n  ).matches;\n\n  const finePointer = window.matchMedia(\n    \"(hover: hover) and (pointer: fine)\"\n  ).matches;\n\n  const views = Array.from(\n    section.querySelectorAll(\"[data-collab-view]\")\n  );\n\n  const choiceButtons = Array.from(\n    section.querySelectorAll(\"[data-collab-choice]\")\n  );\n\n  const choiceShells = Array.from(\n    section.querySelectorAll(\"[data-choice-shell]\")\n  );\n\n  const backButtons = Array.from(\n    section.querySelectorAll(\"[data-collab-back]\")\n  );\n\n  const packageCards = Array.from(\n    section.querySelectorAll(\"[data-package-card]\")\n  );\n\n  const detailShells = Array.from(\n    section.querySelectorAll(\".domisob-collab__soon-shell\")\n  );\n\n  let activeView = section.querySelector(\n    \"[data-collab-view].is-active\"\n  );\n\n  let isChangingView = false;\n\n\n  \/* =====================================\n     CZASY\n     ===================================== *\/\n\n  const leaveTime = 750;\nconst breathingTime = 50;\nconst enterTime = 1000;\nconst choiceHoldTime = 700;\n\nconst revealInitialDelay = 140;\nconst revealStagger = 230;\n\n\n  \/* =====================================\n     MOBILE \u2014 TAP VS SCROLL\n     ===================================== *\/\n\n  const touchPressDelay = 90;\n  const touchVerticalIntent = 8;\n  const touchCancelDistance = 18;\n  const touchSuppressTime = 500;\n\n  const touchStates = new WeakMap();\n\n\n  \/* =====================================\n     WYSOKO\u015a\u0106 SCENY\n     ===================================== *\/\n\n  function updateStageHeight(view) {\n\n    if (!stage || !view) {\n      return;\n    }\n\n    stage.style.height = view.scrollHeight + \"px\";\n  }\n\n\n  \/* =====================================\n     SILNIK RUCHU\n     ===================================== *\/\n\n  function setMotion(\n    element,\n    clientX,\n    clientY,\n    prefix,\n    strength,\n    lightStrength\n  ) {\n\n    const rect = element.getBoundingClientRect();\n\n    const x = Math.max(\n      0,\n      Math.min(1, (clientX - rect.left) \/ rect.width)\n    );\n\n    const y = Math.max(\n      0,\n      Math.min(1, (clientY - rect.top) \/ rect.height)\n    );\n\n    const centeredX = x - .5;\n    const centeredY = y - .5;\n\n    const rotateY = centeredX * strength;\n    const rotateX = centeredY * -strength * .82;\n\n    const lightX = centeredX * lightStrength;\n    const lightY = centeredY * lightStrength * .78;\n\n    element.style.setProperty(\n      prefix + \"-ry\",\n      rotateY.toFixed(2) + \"deg\"\n    );\n\n    element.style.setProperty(\n      prefix + \"-rx\",\n      rotateX.toFixed(2) + \"deg\"\n    );\n\n    element.style.setProperty(\n      prefix + \"-x\",\n      lightX.toFixed(2) + \"px\"\n    );\n\n    element.style.setProperty(\n      prefix + \"-y\",\n      lightY.toFixed(2) + \"px\"\n    );\n\n    element.style.setProperty(\n      prefix + \"-mx\",\n      (x * 100).toFixed(1) + \"%\"\n    );\n\n    element.style.setProperty(\n      prefix + \"-my\",\n      (y * 100).toFixed(1) + \"%\"\n    );\n  }\n\n  function resetMotion(element, prefix) {\n\n    element.style.setProperty(prefix + \"-x\", \"0px\");\n    element.style.setProperty(prefix + \"-y\", \"0px\");\n    element.style.setProperty(prefix + \"-rx\", \"0deg\");\n    element.style.setProperty(prefix + \"-ry\", \"0deg\");\n    element.style.setProperty(prefix + \"-mx\", \"50%\");\n    element.style.setProperty(prefix + \"-my\", \"50%\");\n  }\n\n\n  \/* =====================================\n     RESET G\u0141\u00d3WNYCH KART\n     ===================================== *\/\n\n  function resetChoiceState() {\n\n    choiceShells.forEach(function (shell) {\n\n      shell.classList.remove(\n        \"is-selected\",\n        \"is-unselected\",\n        \"is-touching\",\n        \"is-choice-revealed\"\n      );\n\n      resetMotion(shell, \"--ds\");\n    });\n  }\n\n\n  \/* =====================================\n     BRANDING \/ REBRANDING\n     ===================================== *\/\n\n  function resetPackages() {\n\n    packageCards.forEach(function (card) {\n\n      card.classList.remove(\n        \"is-revealed\",\n        \"is-interacting\"\n      );\n\n      resetMotion(card, \"--ds-package\");\n    });\n  }\n\n  function revealPackages() {\n\n    resetPackages();\n\n    packageCards.forEach(function (card, index) {\n\n      window.setTimeout(function () {\n\n        card.classList.add(\"is-revealed\");\n\n      }, revealInitialDelay + index * revealStagger);\n    });\n  }\n\n\n  \/* =====================================\n     BRAND EXPERIENCE \/ STA\u0141Y ROZW\u00d3J MARKI\n     ===================================== *\/\n\n  function resetDetails() {\n\n    detailShells.forEach(function (shell) {\n\n      shell.classList.remove(\n        \"is-revealed\",\n        \"is-interacting\"\n      );\n\n      resetMotion(shell, \"--ds-soon\");\n    });\n  }\n\n  function revealDetail(name) {\n\n    resetDetails();\n\n    const view = findView(name);\n\n    const shell = view &&\n      view.querySelector(\".domisob-collab__soon-shell\");\n\n    if (!shell) {\n      return;\n    }\n\n    if (prefersReducedMotion) {\n\n      shell.classList.add(\"is-revealed\");\n      return;\n    }\n\n    window.setTimeout(function () {\n\n      if (\n        activeView === view &&\n        view.classList.contains(\"is-active\")\n      ) {\n\n        shell.classList.add(\"is-revealed\");\n\n      }\n\n    }, revealInitialDelay);\n  }\n\n\n  \/* =====================================\n     WYSZUKIWANIE WIDOKU\n     ===================================== *\/\n\n  function findView(name) {\n\n    return views.find(function (view) {\n\n      return view.getAttribute(\"data-collab-view\") === name;\n\n    });\n  }\n\n\n  \/* =====================================\n     ZMIANA WIDOKU\n     ===================================== *\/\n\n  function switchView(name) {\n\n    const nextView = findView(name);\n\n    if (!nextView || nextView === activeView) {\n      return;\n    }\n\n    const previousView = activeView;\n\n\n    \/* OGRANICZENIE ANIMACJI *\/\n\n    if (prefersReducedMotion) {\n\n      previousView.classList.remove(\n        \"is-active\",\n        \"is-leaving\",\n        \"is-entering\"\n      );\n\n      previousView.setAttribute(\n        \"aria-hidden\",\n        \"true\"\n      );\n\n      nextView.classList.add(\"is-active\");\n\n      nextView.setAttribute(\n        \"aria-hidden\",\n        \"false\"\n      );\n\n      activeView = nextView;\n\n      updateStageHeight(activeView);\n\n      if (name === \"packages\") {\n\n        resetDetails();\n\n        packageCards.forEach(function (card) {\n          card.classList.add(\"is-revealed\");\n        });\n\n      } else if (\n        name === \"experience\" ||\n        name === \"development\"\n      ) {\n\n        resetPackages();\n        revealDetail(name);\n\n      } else {\n\n        resetPackages();\n        resetDetails();\n        resetChoiceState();\n\n      }\n\n      return;\n    }\n\n\n    \/* STANDARDOWE PRZEJ\u015aCIE *\/\n\n    previousView.classList.add(\"is-leaving\");\n\n    window.setTimeout(function () {\n\n      previousView.classList.remove(\n        \"is-active\",\n        \"is-leaving\"\n      );\n\n      previousView.setAttribute(\n        \"aria-hidden\",\n        \"true\"\n      );\n\n      nextView.classList.add(\"is-entering\");\n\n      nextView.setAttribute(\n        \"aria-hidden\",\n        \"false\"\n      );\n\n      updateStageHeight(nextView);\n\n      window.setTimeout(function () {\n\n        window.requestAnimationFrame(function () {\n\n          window.requestAnimationFrame(function () {\n\n            nextView.classList.remove(\"is-entering\");\n            nextView.classList.add(\"is-active\");\n\n            activeView = nextView;\n\n            if (name === \"packages\") {\n\n              resetDetails();\n              revealPackages();\n\n            } else if (\n              name === \"experience\" ||\n              name === \"development\"\n            ) {\n\n              resetPackages();\n              revealDetail(name);\n\n            } else {\n\n              resetPackages();\n              resetDetails();\n              resetChoiceState();\n\n            }\n\n          });\n\n        });\n\n      }, breathingTime);\n\n    }, leaveTime);\n  }\n\n\n  \/* =====================================\n     WYB\u00d3R KIERUNKU\n     ===================================== *\/\n\n  function chooseDirection(button) {\n\n    if (isChangingView) {\n      return;\n    }\n\n    const selectedShell = button.closest(\n      \"[data-choice-shell]\"\n    );\n\n    if (!selectedShell) {\n      return;\n    }\n\n    const choice = button.getAttribute(\n      \"data-collab-choice\"\n    );\n\n    isChangingView = true;\n\n    choiceShells.forEach(function (shell) {\n\n      if (shell === selectedShell) {\n\n        shell.classList.add(\"is-selected\");\n        shell.classList.remove(\"is-unselected\");\n\n      } else {\n\n        shell.classList.add(\"is-unselected\");\n        shell.classList.remove(\"is-selected\");\n\n      }\n\n    });\n\n    const nextView =\n      choice === \"experience\"\n        ? \"experience\"\n        : choice === \"development\"\n          ? \"development\"\n          : \"packages\";\n\n    window.setTimeout(function () {\n\n      switchView(nextView);\n\n    }, prefersReducedMotion ? 0 : choiceHoldTime);\n\n    const fullTransition =\n      choiceHoldTime +\n      leaveTime +\n      breathingTime +\n      enterTime;\n\n    window.setTimeout(function () {\n\n      isChangingView = false;\n\n    }, prefersReducedMotion ? 0 : fullTransition);\n  }\n\n\n  \/* =====================================\n     POWR\u00d3T\n     ===================================== *\/\n\n  function returnToChooser() {\n\n    if (isChangingView) {\n      return;\n    }\n\n    isChangingView = true;\n\n    resetChoiceState();\n\n    switchView(\"chooser\");\n\n    const fullTransition =\n      leaveTime +\n      breathingTime +\n      enterTime;\n\n    window.setTimeout(function () {\n\n      isChangingView = false;\n\n    }, prefersReducedMotion ? 0 : fullTransition);\n  }\n\n\n  \/* =====================================\n     MOBILE \u2014 TAP VS SCROLL\n     ===================================== *\/\n\n  function setupTouchSurface(\n    surface,\n    onPress,\n    onRelease\n  ) {\n\n    if (!surface) {\n      return;\n    }\n\n    surface.style.touchAction = \"pan-y\";\n\n    surface.addEventListener(\"pointerdown\", function (event) {\n\n      if (event.pointerType === \"mouse\") {\n        return;\n      }\n\n      const state = {\n\n        pointerId: event.pointerId,\n        startX: event.clientX,\n        startY: event.clientY,\n\n        moved: false,\n        pressed: false,\n\n        suppressUntil: 0,\n        timer: null\n      };\n\n      state.timer = window.setTimeout(function () {\n\n        if (state.moved) {\n          return;\n        }\n\n        state.pressed = true;\n\n        onPress(\n          event.clientX,\n          event.clientY\n        );\n\n      }, touchPressDelay);\n\n      touchStates.set(surface, state);\n    });\n\n\n    surface.addEventListener(\"pointermove\", function (event) {\n\n      const state = touchStates.get(surface);\n\n      if (\n        !state ||\n        state.pointerId !== event.pointerId ||\n        state.moved\n      ) {\n        return;\n      }\n\n      const dx = Math.abs(\n        event.clientX - state.startX\n      );\n\n      const dy = Math.abs(\n        event.clientY - state.startY\n      );\n\n      const distance = Math.hypot(dx, dy);\n\n      const verticalScrollIntent =\n        dy >= touchVerticalIntent &&\n        dy > dx * .75;\n\n      const movedEnough =\n        distance >= touchCancelDistance;\n\n      if (verticalScrollIntent || movedEnough) {\n\n        state.moved = true;\n\n        state.suppressUntil =\n          performance.now() + touchSuppressTime;\n\n        if (state.timer) {\n          window.clearTimeout(state.timer);\n        }\n\n        onRelease();\n      }\n    });\n\n\n    surface.addEventListener(\"pointerup\", function (event) {\n\n      const state = touchStates.get(surface);\n\n      if (\n        !state ||\n        state.pointerId !== event.pointerId\n      ) {\n        return;\n      }\n\n      if (state.timer) {\n        window.clearTimeout(state.timer);\n      }\n\n      if (state.moved) {\n\n        onRelease();\n        return;\n      }\n\n      if (!state.pressed) {\n\n        state.pressed = true;\n\n        onPress(\n          event.clientX,\n          event.clientY\n        );\n      }\n\n      window.setTimeout(function () {\n\n        onRelease();\n\n      }, 150);\n    });\n\n\n    surface.addEventListener(\"pointercancel\", function () {\n\n      const state = touchStates.get(surface);\n\n      if (state) {\n\n        state.moved = true;\n\n        state.suppressUntil =\n          performance.now() + touchSuppressTime;\n\n        if (state.timer) {\n          window.clearTimeout(state.timer);\n        }\n      }\n\n      onRelease();\n    });\n  }\n\n\n  function shouldSuppressClick(surface) {\n\n    const state = touchStates.get(surface);\n\n    if (!state) {\n      return false;\n    }\n\n    return (\n      state.moved ||\n      state.suppressUntil > performance.now()\n    );\n  }\n\n\n  \/* =====================================\n     KLIK G\u0141\u00d3WNYCH KART\n     ===================================== *\/\n\n  choiceButtons.forEach(function (button) {\n\n    button.addEventListener(\"click\", function (event) {\n\n      if (\n        !finePointer &&\n        shouldSuppressClick(button)\n      ) {\n\n        event.preventDefault();\n        event.stopPropagation();\n\n        return;\n      }\n\n      chooseDirection(button);\n    });\n  });\n\n\n  \/* =====================================\n     POWR\u00d3T\n     ===================================== *\/\n\n  backButtons.forEach(function (button) {\n\n    button.addEventListener(\"click\", function () {\n\n      returnToChooser();\n\n    });\n  });\n\n\n  \/* =====================================\n     DESKTOP\n     ===================================== *\/\n\n  if (finePointer && !prefersReducedMotion) {\n\n    \/* G\u0141\u00d3WNE KARTY *\/\n\n    choiceShells.forEach(function (shell) {\n\n      shell.addEventListener(\"pointermove\", function (event) {\n\n        if (isChangingView) {\n          return;\n        }\n\n        setMotion(\n          shell,\n          event.clientX,\n          event.clientY,\n          \"--ds\",\n          9,\n          20\n        );\n      });\n\n      shell.addEventListener(\"pointerleave\", function () {\n\n        if (isChangingView) {\n          return;\n        }\n\n        resetMotion(shell, \"--ds\");\n      });\n    });\n\n\n    \/* BRANDING \/ REBRANDING *\/\n\n    packageCards.forEach(function (card) {\n\n      card.addEventListener(\"pointermove\", function (event) {\n\n        setMotion(\n          card,\n          event.clientX,\n          event.clientY,\n          \"--ds-package\",\n          5,\n          12\n        );\n      });\n\n      card.addEventListener(\"pointerleave\", function () {\n\n        resetMotion(card, \"--ds-package\");\n\n      });\n    });\n\n\n    \/* BRAND EXPERIENCE \/ STA\u0141Y ROZW\u00d3J *\/\n\n    detailShells.forEach(function (shell) {\n\n      shell.addEventListener(\"pointermove\", function (event) {\n\n        setMotion(\n          shell,\n          event.clientX,\n          event.clientY,\n          \"--ds-soon\",\n          5,\n          12\n        );\n      });\n\n      shell.addEventListener(\"pointerleave\", function () {\n\n        resetMotion(shell, \"--ds-soon\");\n\n      });\n    });\n  }\n\n\n  \/* =====================================\n     MOBILE \/ TABLET\n     ===================================== *\/\n\n  if (!finePointer && !prefersReducedMotion) {\n\n    \/* G\u0141\u00d3WNE KARTY *\/\n\n    choiceButtons.forEach(function (button) {\n\n      const shell = button.closest(\n        \"[data-choice-shell]\"\n      );\n\n      if (!shell) {\n        return;\n      }\n\n      setupTouchSurface(\n\n        button,\n\n        function (clientX, clientY) {\n\n          shell.classList.add(\"is-touching\");\n\n          setMotion(\n            shell,\n            clientX,\n            clientY,\n            \"--ds\",\n            5,\n            10\n          );\n        },\n\n        function () {\n\n          shell.classList.remove(\"is-touching\");\n\n          window.setTimeout(function () {\n\n            if (!shell.classList.contains(\"is-selected\")) {\n\n              resetMotion(shell, \"--ds\");\n\n            }\n\n          }, 160);\n        }\n      );\n    });\n\n\n    \/* BRANDING \/ REBRANDING *\/\n\n    packageCards.forEach(function (card) {\n\n      setupTouchSurface(\n\n        card,\n\n        function (clientX, clientY) {\n\n          card.classList.add(\"is-interacting\");\n\n          setMotion(\n            card,\n            clientX,\n            clientY,\n            \"--ds-package\",\n            3,\n            7\n          );\n        },\n\n        function () {\n\n          card.classList.remove(\"is-interacting\");\n\n          window.setTimeout(function () {\n\n            resetMotion(card, \"--ds-package\");\n\n          }, 160);\n        }\n      );\n\n      card.addEventListener(\"click\", function (event) {\n\n        if (shouldSuppressClick(card)) {\n\n          event.preventDefault();\n          event.stopPropagation();\n\n        }\n\n      }, true);\n    });\n\n\n    \/* BRAND EXPERIENCE \/ STA\u0141Y ROZW\u00d3J *\/\n\n    detailShells.forEach(function (shell) {\n\n      setupTouchSurface(\n\n        shell,\n\n        function (clientX, clientY) {\n\n          shell.classList.add(\"is-interacting\");\n\n          setMotion(\n            shell,\n            clientX,\n            clientY,\n            \"--ds-soon\",\n            3,\n            7\n          );\n        },\n\n        function () {\n\n          shell.classList.remove(\"is-interacting\");\n\n          window.setTimeout(function () {\n\n            resetMotion(shell, \"--ds-soon\");\n\n          }, 160);\n        }\n      );\n    });\n  }\n\n\n  \/* =====================================\n     AKTUALIZACJA WYSOKO\u015aCI\n     ===================================== *\/\n\n  function refreshHeight() {\n\n    if (activeView) {\n\n      updateStageHeight(activeView);\n\n    }\n  }\n\n  window.addEventListener(\"resize\", refreshHeight);\n  window.addEventListener(\"load\", refreshHeight);\n\n  refreshHeight();\n\n\n  \/* =====================================\n     START ANIMACJI TRZECH KART\n     ===================================== *\/\n\n  window.requestAnimationFrame(function () {\n\n    section.classList.add(\"is-choice-initialized\");\n\n  });\n\n});\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const section =\n    document.querySelector(\"[data-domisob-collab]\");\n\n  if (!section) {\n    return;\n  }\n\n\n  const stage =\n    section.querySelector(\"[data-collab-stage]\");\n\n\n  const toggles =\n    Array.from(\n      section.querySelectorAll(\n        \"[data-collab-scope-toggle]\"\n      )\n    );\n\n\n  function updateCollabStageHeight() {\n\n    if (!stage) {\n      return;\n    }\n\n\n    const activeView =\n      section.querySelector(\n        \"[data-collab-view].is-active\"\n      );\n\n\n    if (!activeView) {\n      return;\n    }\n\n\n    stage.style.height =\n      activeView.scrollHeight + \"px\";\n  }\n\n\n  function setScope(toggle, open) {\n\n    const panelId =\n      toggle.getAttribute(\"aria-controls\");\n\n\n    if (!panelId) {\n      return;\n    }\n\n\n    const panel =\n      document.getElementById(panelId);\n\n\n    if (!panel) {\n      return;\n    }\n\n\n    toggle.setAttribute(\n      \"aria-expanded\",\n      open ? \"true\" : \"false\"\n    );\n\n\n    panel.setAttribute(\n      \"aria-hidden\",\n      open ? \"false\" : \"true\"\n    );\n\n\n    panel.classList.toggle(\n      \"is-open\",\n      open\n    );\n\n\n    window.requestAnimationFrame(\n      updateCollabStageHeight\n    );\n\n\n    window.setTimeout(\n      updateCollabStageHeight,\n      180\n    );\n\n\n    window.setTimeout(\n      updateCollabStageHeight,\n      720\n    );\n\n  }\n\n\n  toggles.forEach(function (toggle) {\n\n    toggle.addEventListener(\n      \"click\",\n      function (event) {\n\n        event.preventDefault();\n        event.stopPropagation();\n\n\n        const isOpen =\n          toggle.getAttribute(\n            \"aria-expanded\"\n          ) === \"true\";\n\n\n        setScope(\n          toggle,\n          !isOpen\n        );\n\n      }\n    );\n\n  });\n\n\n  function closeAllScopes() {\n\n    toggles.forEach(function (toggle) {\n\n      setScope(\n        toggle,\n        false\n      );\n\n    });\n\n  }\n\n\n  section\n    .querySelectorAll(\"[data-collab-back]\")\n    .forEach(function (button) {\n\n      button.addEventListener(\n        \"click\",\n        closeAllScopes\n      );\n\n    });\n\n\n  if (\"ResizeObserver\" in window) {\n\n    const observer =\n      new ResizeObserver(function () {\n\n        updateCollabStageHeight();\n\n      });\n\n\n    section\n      .querySelectorAll(\"[data-collab-view]\")\n      .forEach(function (view) {\n\n        observer.observe(view);\n\n      });\n\n  }\n\n});\n<\/script>\n\n<section class=\"domisob-collab\" data-domisob-collab=\"\">\n\n  <div class=\"domisob-collab__stage\" data-collab-stage=\"\">\n\n    <!-- =========================\n         WYB\u00d3R KIERUNKU\n         ========================= -->\n\n    <div class=\"domisob-collab__view is-active\" data-collab-view=\"chooser\" aria-hidden=\"false\">\n\n      <div class=\"domisob-collab__choices\">\n\n        <!-- SYSTEM MARKI -->\n\n        <div class=\"domisob-collab__choice-shell\" data-choice-shell=\"\">\n\n          <div class=\"domisob-collab__choice-glow domisob-collab__choice-glow--system\" aria-hidden=\"true\"><\/div>\n\n          <button class=\"domisob-collab__choice\" type=\"button\" data-collab-choice=\"system\">\n\n            <span class=\"domisob-collab__choice-whiteout\" aria-hidden=\"true\"><\/span>\n\n            <span class=\"domisob-collab__choice-content\">\n\n              <span class=\"domisob-collab__choice-title\">\n                System marki\n              <\/span>\n\n              <span class=\"domisob-collab__choice-desc\">\n                Dla marek, kt\u00f3re chc\u0105 zbudowa\u0107 swoj\u0105 to\u017csamo\u015b\u0107 od podstaw\n                lub \u015bwiadomie nada\u0107 nowy kierunek tej, kt\u00f3r\u0105 ju\u017c maj\u0105.\n              <\/span>\n\n              <span class=\"domisob-collab__choice-action\">\n                Wybieram ten kierunek\n                <span aria-hidden=\"true\">\u2192<\/span>\n              <\/span>\n\n            <\/span>\n\n          <\/button>\n\n        <\/div>\n\n\n        <!-- BRAND EXPERIENCE -->\n\n        <div class=\"domisob-collab__choice-shell\" data-choice-shell=\"\">\n\n          <div class=\"domisob-collab__choice-glow domisob-collab__choice-glow--experience\" aria-hidden=\"true\"><\/div>\n\n          <button class=\"domisob-collab__choice\" type=\"button\" data-collab-choice=\"experience\">\n\n            <span class=\"domisob-collab__choice-whiteout\" aria-hidden=\"true\"><\/span>\n\n            <span class=\"domisob-collab__choice-content\">\n\n              <span class=\"domisob-collab__choice-title\">\n                Brand Experience\n              <\/span>\n\n              <span class=\"domisob-collab__choice-desc\">\n                Dla marek, kt\u00f3re chc\u0105 prze\u0142o\u017cy\u0107 sw\u00f3j charakter szerzej:\n                na produkt, przestrze\u0144, form\u0119 i kolejne do\u015bwiadczenia klienta.\n              <\/span>\n\n              <span class=\"domisob-collab__choice-action\">\n                Wkr\u00f3tce, zobacz kierunek\n                <span aria-hidden=\"true\">\u2192<\/span>\n              <\/span>\n\n            <\/span>\n\n          <\/button>\n\n        <\/div>\n\n\n        <!-- STA\u0141Y ROZW\u00d3J MARKI -->\n\n        <div class=\"domisob-collab__choice-shell\" data-choice-shell=\"\">\n\n          <div class=\"domisob-collab__choice-glow domisob-collab__choice-glow--development\" aria-hidden=\"true\"><\/div>\n\n          <button class=\"domisob-collab__choice\" type=\"button\" data-collab-choice=\"development\">\n\n            <span class=\"domisob-collab__choice-whiteout\" aria-hidden=\"true\"><\/span>\n\n            <span class=\"domisob-collab__choice-content\">\n\n              <span class=\"domisob-collab__choice-title\">\n                Sta\u0142y rozw\u00f3j marki\n              <\/span>\n\n              <span class=\"domisob-collab__choice-desc\">\n                Dla marek, kt\u00f3re maj\u0105 ju\u017c fundament i chc\u0105 rozwija\u0107 mark\u0119\n                w spos\u00f3b sp\u00f3jny, \u015bwiadomy i d\u0142ugofalowy.\n              <\/span>\n\n              <span class=\"domisob-collab__choice-action\">\n                Wybieram ten kierunek\n                <span aria-hidden=\"true\">\u2192<\/span>\n              <\/span>\n\n            <\/span>\n\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         SYSTEM MARKI\n         ========================= -->\n\n    <div class=\"domisob-collab__view\" data-collab-view=\"packages\" aria-hidden=\"true\">\n\n      <div class=\"domisob-collab__back-wrap\">\n\n        <button class=\"domisob-collab__back\" type=\"button\" data-collab-back=\"\" aria-label=\"Wr\u00f3\u0107 do wyboru\">\n\n          <span aria-hidden=\"true\">\u2190<\/span>\n          <span>Wr\u00f3\u0107<\/span>\n\n        <\/button>\n\n      <\/div>\n\n\n      <div class=\"domisob-collab__packages\">\n\n        <!-- =========================\n             BRANDING\n             ========================= -->\n\n        <article class=\"domisob-collab__package\" data-package-card=\"\">\n\n          <div class=\"domisob-collab__package-light\" aria-hidden=\"true\"><\/div>\n\n          <div class=\"domisob-collab__package-content\">\n\n            <h3 class=\"domisob-collab__package-title\">\n              Branding\n            <\/h3>\n\n            <p class=\"domisob-collab__package-desc\">\n              Dla marek, kt\u00f3re chc\u0105 zbudowa\u0107 sp\u00f3jny fundament\n              i wyra\u017any kierunek od pocz\u0105tku.\n            <\/p>\n\n\n            <!-- CENA -->\n\n            <div class=\"domisob-collab__price\">\n\n              <span class=\"domisob-collab__price-main\">\n                wsp\u00f3\u0142praca od 7 000 z\u0142\n              <\/span>\n\n              <span class=\"domisob-collab__price-note\">\n                p\u0142atno\u015b\u0107 etapowa\n              <\/span>\n\n            <\/div>\n\n\n            <!-- 01 \u2014 CO OTRZYMUJESZ -->\n\n            <button class=\"domisob-collab__package-info domisob-collab__scope-toggle\" type=\"button\" data-collab-scope-toggle=\"\" aria-expanded=\"false\" aria-controls=\"domisob-scope-branding\">\n              Co otrzymujesz w ramach wsp\u00f3\u0142pracy?\n            <\/button>\n\n\n            <div class=\"domisob-collab__scope\" id=\"domisob-scope-branding\" data-collab-scope=\"\" aria-hidden=\"true\">\n\n              <div class=\"domisob-collab__scope-inner\">\n\n                <p>\n                  Wsp\u00f3\u0142praca zaczyna si\u0119 od bezp\u0142atnej rozmowy online do 45 minut,\n                  podczas kt\u00f3rej poznaj\u0119 Twoj\u0105 mark\u0119, jej sytuacj\u0119, potrzeby\n                  i kierunek, w kt\u00f3rym chcesz j\u0105 rozwija\u0107.\n                <\/p>\n\n                <p>\n                  Je\u015bli decydujemy si\u0119 dzia\u0142a\u0107 dalej, przechodzimy do warsztat\u00f3w\n                  strategicznych. Na ich podstawie powstaje fundament marki,\n                  kierunek wizualny, sp\u00f3jny system identyfikacji, brandbook\n                  oraz uzgodnione materia\u0142y potrzebne do wdro\u017cenia marki.\n                <\/p>\n\n                <p>\n                  Dok\u0142adny zakres dobieram indywidualnie, poniewa\u017c nawet dwie\n                  marki z tej samej bran\u017cy mog\u0105 potrzebowa\u0107 zupe\u0142nie innych\n                  rozwi\u0105za\u0144.\n                <\/p>\n\n                <p>\n                  Po zako\u0144czeniu wsp\u00f3\u0142pracy przez 6 miesi\u0119cy mo\u017cesz kontaktowa\u0107\n                  si\u0119 ze mn\u0105 w kwestiach dotycz\u0105cych prawid\u0142owego stosowania\n                  przygotowanego systemu.\n                <\/p>\n\n              <\/div>\n\n            <\/div>\n\n\n            <!-- 02 \u2014 PROCES -->\n\n            <a class=\"domisob-collab__package-info domisob-collab__process-button\" href=\"\/branding\">\n              Poznaj proces brandingu\n            <\/a>\n\n\n            <!-- 03 \u2014 WYBIERAM -->\n\n            <a class=\"domisob-collab__package-select domisob-collab__package-select--primary\" href=\"\/rozpocznij-wspolprace\/?rodzaj=branding\">\n              Wybieram Branding\n            <\/a>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- =========================\n             REBRANDING\n             ========================= -->\n\n        <article class=\"domisob-collab__package\" data-package-card=\"\">\n\n          <div class=\"domisob-collab__package-light\" aria-hidden=\"true\"><\/div>\n\n          <div class=\"domisob-collab__package-content\">\n\n            <h3 class=\"domisob-collab__package-title\">\n              Rebranding\n            <\/h3>\n\n            <p class=\"domisob-collab__package-desc\">\n              Dla marek, kt\u00f3re chc\u0105 uporz\u0105dkowa\u0107 wizerunek\n              i dopasowa\u0107 go do nowego etapu rozwoju.\n            <\/p>\n\n\n            <!-- CENA -->\n\n            <div class=\"domisob-collab__price\">\n\n              <span class=\"domisob-collab__price-main\">\n                wsp\u00f3\u0142praca od 8 500 z\u0142\n              <\/span>\n\n              <span class=\"domisob-collab__price-note\">\n                p\u0142atno\u015b\u0107 etapowa\n              <\/span>\n\n            <\/div>\n\n\n            <!-- 01 \u2014 CO OTRZYMUJESZ -->\n\n            <button class=\"domisob-collab__package-info domisob-collab__scope-toggle\" type=\"button\" data-collab-scope-toggle=\"\" aria-expanded=\"false\" aria-controls=\"domisob-scope-rebranding\">\n              Co otrzymujesz w ramach wsp\u00f3\u0142pracy?\n            <\/button>\n\n\n            <div class=\"domisob-collab__scope\" id=\"domisob-scope-rebranding\" data-collab-scope=\"\" aria-hidden=\"true\">\n\n              <div class=\"domisob-collab__scope-inner\">\n\n                <p>\n                  Wsp\u00f3\u0142praca zaczyna si\u0119 od bezp\u0142atnej rozmowy online do 45 minut,\n                  podczas kt\u00f3rej poznaj\u0119 obecn\u0105 sytuacj\u0119 marki, jej histori\u0119,\n                  potrzeby i kierunek dalszego rozwoju.\n                <\/p>\n\n                <p>\n                  Je\u015bli decydujemy si\u0119 dzia\u0142a\u0107 dalej, kolejnym etapem jest diagnoza\n                  marki i warsztaty strategiczne. Wsp\u00f3lnie okre\u015blamy, co nadal jej\n                  s\u0142u\u017cy, co warto zachowa\u0107, a co wymaga uporz\u0105dkowania lub zmiany.\n                  Na tej podstawie powstaje nowy kierunek, system identyfikacji,\n                  brandbook oraz materia\u0142y potrzebne do wdro\u017cenia zmian.\n                <\/p>\n\n                <p>\n                  Zakres rebrandingu wynika z rzeczywistej sytuacji marki.\n                  Nie zak\u0142adam z g\u00f3ry, \u017ce wszystko trzeba projektowa\u0107 od nowa.\n                <\/p>\n\n                <p>\n                  Po zako\u0144czeniu wsp\u00f3\u0142pracy przez 6 miesi\u0119cy mo\u017cesz kontaktowa\u0107\n                  si\u0119 ze mn\u0105 w kwestiach dotycz\u0105cych prawid\u0142owego stosowania\n                  przygotowanego systemu.\n                <\/p>\n\n              <\/div>\n\n            <\/div>\n\n\n            <!-- 02 \u2014 PROCES -->\n\n            <a class=\"domisob-collab__package-info domisob-collab__process-button\" href=\"\/rebranding\">\n              Poznaj proces rebrandingu\n            <\/a>\n\n\n            <!-- 03 \u2014 WYBIERAM -->\n\n            <a class=\"domisob-collab__package-select domisob-collab__package-select--primary\" href=\"\/rozpocznij-wspolprace\/?rodzaj=rebranding\">\n              Wybieram Rebranding\n            <\/a>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         BRAND EXPERIENCE\n         ========================= -->\n\n    <div class=\"domisob-collab__view\" data-collab-view=\"experience\" aria-hidden=\"true\">\n\n      <div class=\"domisob-collab__back-wrap\">\n\n        <button class=\"domisob-collab__back\" type=\"button\" data-collab-back=\"\" aria-label=\"Wr\u00f3\u0107 do wyboru\">\n\n          <span aria-hidden=\"true\">\u2190<\/span>\n          <span>Wr\u00f3\u0107<\/span>\n\n        <\/button>\n\n      <\/div>\n\n\n      <div class=\"domisob-collab__soon-shell\">\n\n        <div class=\"domisob-collab__soon-light\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"domisob-collab__soon\">\n\n          <h3>\n            Brand Experience\n          <\/h3>\n\n          <p>\n            domisob rozwija nowy obszar wsp\u00f3\u0142pracy dla marek,\n            kt\u00f3re chc\u0105 projektowa\u0107 swoje do\u015bwiadczenie szerzej\n            ni\u017c komunikacj\u0119 i identyfikacj\u0119 wizualn\u0105.\n          <\/p>\n\n          <p>\n            Produkt, przestrze\u0144, forma i kolejne punkty kontaktu\n            b\u0119d\u0105 mog\u0142y sta\u0107 si\u0119 cz\u0119\u015bci\u0105 jednego sp\u00f3jnego systemu marki.\n          <\/p>\n\n          <span class=\"domisob-collab__soon-note\">\n            Wkr\u00f3tce\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         STA\u0141Y ROZW\u00d3J MARKI\n         ========================= -->\n\n    <div class=\"domisob-collab__view\" data-collab-view=\"development\" aria-hidden=\"true\">\n\n      <div class=\"domisob-collab__back-wrap\">\n\n        <button class=\"domisob-collab__back\" type=\"button\" data-collab-back=\"\" aria-label=\"Wr\u00f3\u0107 do wyboru\">\n\n          <span aria-hidden=\"true\">\u2190<\/span>\n          <span>Wr\u00f3\u0107<\/span>\n\n        <\/button>\n\n      <\/div>\n\n\n      <div class=\"domisob-collab__soon-shell\">\n\n        <div class=\"domisob-collab__soon-light\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"domisob-collab__soon domisob-collab__soon--development\">\n\n          <h3>\n            Sta\u0142y rozw\u00f3j marki\n          <\/h3>\n\n          <p>\n            Dla marek, kt\u00f3re maj\u0105 ju\u017c fundament i chc\u0105 rozwija\u0107 mark\u0119\n            w spos\u00f3b sp\u00f3jny, \u015bwiadomy i d\u0142ugofalowy.\n          <\/p>\n\n\n          <div class=\"domisob-collab__development-offer\">\n\n            <!-- CENA -->\n\n            <div class=\"domisob-collab__price\">\n\n              <span class=\"domisob-collab__price-main\">\n                wsp\u00f3\u0142praca od 6 000 z\u0142 \/ mies.\n              <\/span>\n\n              <span class=\"domisob-collab__price-note\">\n                p\u0142atno\u015b\u0107 miesi\u0119czna\n              <\/span>\n\n            <\/div>\n\n\n            <!-- 01 \u2014 CO OTRZYMUJESZ -->\n\n            <button class=\"domisob-collab__package-info domisob-collab__scope-toggle\" type=\"button\" data-collab-scope-toggle=\"\" aria-expanded=\"false\" aria-controls=\"domisob-scope-development\">\n              Co otrzymujesz w ramach wsp\u00f3\u0142pracy?\n            <\/button>\n\n\n            <div class=\"domisob-collab__scope\" id=\"domisob-scope-development\" data-collab-scope=\"\" aria-hidden=\"true\">\n\n              <div class=\"domisob-collab__scope-inner\">\n\n                <p>\n                  Wsp\u00f3\u0142praca zaczyna si\u0119 od bezp\u0142atnej rozmowy online do 45 minut,\n                  podczas kt\u00f3rej poznaj\u0119 obecn\u0105 sytuacj\u0119 marki, jej potrzeby\n                  i kierunek dalszego rozwoju.\n                <\/p>\n\n                <p>\n                  W ramach sta\u0142ej wsp\u00f3\u0142pracy otrzymujesz bie\u017c\u0105ce wsparcie\n                  w rozwijaniu marki na bazie jej istniej\u0105cego fundamentu.\n                  Mo\u017ce ono obejmowa\u0107 rozw\u00f3j materia\u0142\u00f3w marki, komunikacji\n                  wizualnej, art direction, nowych punkt\u00f3w kontaktu\n                  oraz konsultacje brandingowe.\n                <\/p>\n\n                <p>\n                  Zakres ustalamy elastycznie na podstawie aktualnych potrzeb\n                  marki, dlatego mo\u017ce zmienia\u0107 si\u0119 wraz z jej rozwojem.\n                  Regularnie wracamy r\u00f3wnie\u017c do kierunku dzia\u0142a\u0144, aby kolejne\n                  elementy pozostawa\u0142y cz\u0119\u015bci\u0105 jednego sp\u00f3jnego systemu.\n                <\/p>\n\n                <p>\n                  Je\u015bli chcesz porozmawia\u0107 o tym, jak taki model wsp\u00f3\u0142pracy\n                  m\u00f3g\u0142by dzia\u0142a\u0107 w Twojej marce i przy Twoim bud\u017cecie,\n                  zapraszam do kontaktu.\n                <\/p>\n\n              <\/div>\n\n            <\/div>\n\n\n            <!-- 02 \u2014 PROCES -->\n\n            <a class=\"domisob-collab__package-info domisob-collab__process-button\" href=\"\/staly-rozwoj-marki\">\n              Poznaj proces sta\u0142ego rozwoju marki\n            <\/a>\n\n\n            <!-- 03 \u2014 WYBIERAM -->\n\n            <a class=\"domisob-collab__package-select domisob-collab__package-select--primary\" href=\"\/rozpocznij-wspolprace\/?rodzaj=stala\">\n              Wybieram sta\u0142y rozw\u00f3j marki\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/domisob.art\/wspolpraca\/\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><\/p>\n<\/div><\/div>\n\n\n<style>.kb-row-layout-id1334_fea6a2-7d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1334_fea6a2-7d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1334_fea6a2-7d > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id1334_fea6a2-7d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1334_fea6a2-7d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1334_fea6a2-7d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1334_fea6a2-7d alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column1334_cb5cb2-19 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1334_cb5cb2-19 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1334_cb5cb2-19 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1334_cb5cb2-19 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1334_cb5cb2-19{position:relative;}@media all and (max-width: 1024px){.kadence-column1334_cb5cb2-19 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1334_cb5cb2-19 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1334_cb5cb2-19\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\n\/* =========================================\n   DOMISOB \u2014 ROZSZERZENIE \u015aWIATA MARKI\n   ========================================= *\/\n\n.ds-brand-world,\n.ds-brand-world * {\n  box-sizing: border-box;\n}\n\n\/* =========================================\n   SEKCJA\n   ========================================= *\/\n\n.ds-brand-world {\n  max-width: 1120px;\n  margin: 58px auto 68px;\n  padding: 0 20px;\n}\n\n.ds-brand-world__inner {\n  position: relative;\n  overflow: visible;\n  padding: 28px 20px 44px;\n  background: transparent;\n  border-radius: 0;\n  box-shadow: none;\n}\n\n\/* =========================================\n   NAG\u0141\u00d3WEK\n   TYPOGRAFIA JAK W DS-STORY-PRO\n   ========================================= *\/\n\n.ds-brand-world__title-wrap {\n  text-align: center;\n}\n\n.ds-brand-world h2.ds-brand-world__title {\n  width: fit-content;\n  margin: 0 auto 14px;\n  text-align: center;\n\n  font-family:\n    \"Bricolage Grotesque\",\n    sans-serif !important;\n\n  font-size: clamp(32px, 3.2vw, 42px) !important;\n  line-height: 1.04 !important;\n  font-weight: 600 !important;\n  letter-spacing: -.04em !important;\n\n  color: #5c2d91;\n  -webkit-text-fill-color: #5c2d91;\n  text-transform: none !important;\n}\n\n.ds-brand-world__intro {\n  max-width: 700px;\n  margin: 0 auto 48px;\n  text-align: center;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size: 14px;\n  line-height: 1.72;\n  color: rgba(17,17,17,.58);\n}\n\n\/* =========================================\n   UK\u0141AD KULEK\n   3 U G\u00d3RY + 2 WY\u015aRODKOWANE\n   ========================================= *\/\n\n.ds-brand-world__orbits {\n  width: 100%;\n  max-width: 920px;\n  margin: 0 auto;\n\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n\n  column-gap: 50px;\n  row-gap: 48px;\n  padding: 16px 0 28px;\n  overflow: visible;\n}\n\n\/* =========================================\n   WRAPPER\n   STAGGER REVEAL\n   ========================================= *\/\n\n.ds-brand-world__orb-reveal {\n  width: 250px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: visible;\n}\n\n.ds-brand-world__orb-reveal:nth-child(3) {\n  width: 242px;\n}\n\n\/* =========================================\n   ORGANICZNE PO\u0141O\u017bENIE\n   ========================================= *\/\n\n.ds-brand-world__orb-reveal:nth-child(1)\n.ds-brand-world__orb {\n  --orb-x: -8px;\n  --orb-y: 8px;\n}\n\n.ds-brand-world__orb-reveal:nth-child(2)\n.ds-brand-world__orb {\n  --orb-x: 0px;\n  --orb-y: -7px;\n}\n\n.ds-brand-world__orb-reveal:nth-child(3)\n.ds-brand-world__orb {\n  --orb-x: 9px;\n  --orb-y: 9px;\n}\n\n.ds-brand-world__orb-reveal:nth-child(4)\n.ds-brand-world__orb {\n  --orb-x: -7px;\n  --orb-y: 3px;\n}\n\n.ds-brand-world__orb-reveal:nth-child(5)\n.ds-brand-world__orb {\n  --orb-x: 8px;\n  --orb-y: -4px;\n}\n\n\/* =========================================\n   KOLORY WG POZYCJI\n   1 Creative direction \u2014 yellow\/coral\n   2 Naming \u2014 pink\n   3 Koncepcje \u2014 purple\n   4 Strona marki \u2014 lighter purple\n   5 Storytelling \u2014 yellow\/coral\n   ========================================= *\/\n\n.ds-brand-world__orb-reveal:nth-child(1),\n.ds-brand-world__orb-reveal:nth-child(5) {\n  --orb-core:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(243,195,63,.64) 0%,\n      rgba(238,148,101,.50) 24%,\n      rgba(222,67,169,.37) 45%,\n      rgba(151,71,255,.22) 64%,\n      rgba(92,45,145,.09) 80%,\n      transparent 100%\n    );\n\n  --orb-glow:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(243,195,63,.34) 0%,\n      rgba(238,148,101,.23) 29%,\n      rgba(222,67,169,.16) 49%,\n      rgba(151,71,255,.085) 67%,\n      transparent 84%\n    );\n}\n\n.ds-brand-world__orb-reveal:nth-child(2) {\n  --orb-core:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(247,143,197,.53) 0%,\n      rgba(222,67,169,.43) 36%,\n      rgba(205,74,177,.28) 59%,\n      rgba(151,71,255,.10) 80%,\n      transparent 100%\n    );\n\n  --orb-glow:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(240,119,189,.29) 0%,\n      rgba(222,67,169,.17) 52%,\n      transparent 82%\n    );\n}\n\n.ds-brand-world__orb-reveal:nth-child(3) {\n  --orb-core:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(151,71,255,.52) 0%,\n      rgba(92,45,145,.42) 35%,\n      rgba(70,9,126,.27) 59%,\n      rgba(92,45,145,.08) 80%,\n      transparent 100%\n    );\n\n  --orb-glow:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(151,71,255,.29) 0%,\n      rgba(92,45,145,.15) 52%,\n      transparent 82%\n    );\n}\n\n.ds-brand-world__orb-reveal:nth-child(4) {\n  --orb-core:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(177,104,255,.53) 0%,\n      rgba(126,67,190,.42) 37%,\n      rgba(103,45,164,.28) 60%,\n      rgba(202,89,209,.10) 79%,\n      transparent 100%\n    );\n\n  --orb-glow:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(177,104,255,.28) 0%,\n      rgba(126,67,190,.16) 52%,\n      rgba(222,67,169,.06) 68%,\n      transparent 83%\n    );\n}\n\n\/* =========================================\n   KULKA\n   ========================================= *\/\n\n.ds-brand-world__orb {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n\n  --orb-x: 0px;\n  --orb-y: 0px;\n\n  --breath-core: .955;\n  --breath-glow: .92;\n\n  padding: 34px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  isolation: isolate;\n  overflow: visible;\n  appearance: none;\n  -webkit-appearance: none;\n\n  border: 0 !important;\n  outline: none;\n  border-radius: 50%;\n  background: transparent !important;\n  box-shadow: none !important;\n\n  cursor: pointer;\n  color: #fff;\n  text-align: center;\n  text-transform: none !important;\n\n  transform:\n    translate(\n      var(--orb-x),\n      var(--orb-y)\n    )\n    scale(1);\n\n  transform-origin: center;\n\n  transition:\n    transform .58s cubic-bezier(.19,1,.22,1);\n\n  -webkit-tap-highlight-color: transparent;\n}\n\n\/* =========================================\n   RDZE\u0143 + MGIE\u0141KA\n   ========================================= *\/\n\n.ds-brand-world__orb::before,\n.ds-brand-world__orb::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  pointer-events: none;\n  transform-origin: center;\n}\n\n.ds-brand-world__orb::before {\n  inset: 5%;\n  z-index: 1;\n  background: var(--orb-core);\n  opacity: 1;\n\n  filter:\n    blur(20px)\n    saturate(1.25);\n\n  transform:\n    scale(var(--breath-core));\n\n  transition:\n    inset .58s cubic-bezier(.19,1,.22,1),\n    filter .58s ease,\n    opacity .58s ease;\n}\n\n.ds-brand-world__orb::after {\n  inset: -4%;\n  z-index: 0;\n  background: var(--orb-glow);\n  opacity: .62;\n\n  filter:\n    blur(31px)\n    saturate(1.16);\n\n  transform:\n    scale(var(--breath-glow));\n\n  transition:\n    inset .58s cubic-bezier(.19,1,.22,1),\n    opacity .58s ease,\n    filter .58s ease;\n}\n\n\/* =========================================\n   NAZWA\n   ========================================= *\/\n\n.ds-brand-world__orb-title {\n  position: relative;\n  z-index: 3;\n  max-width: 190px;\n\n  font-family:\n    \"Bricolage Grotesque\",\n    sans-serif;\n\n  font-size: 21px;\n  line-height: 1.12;\n  font-weight: 600;\n  letter-spacing: normal;\n  color: #fff;\n  text-transform: none !important;\n\n  transition:\n    transform .55s cubic-bezier(.19,1,.22,1),\n    font-size .55s cubic-bezier(.19,1,.22,1);\n}\n\n\/* =========================================\n   OPIS\n   ========================================= *\/\n\n.ds-brand-world__orb-text {\n  position: absolute;\n  z-index: 3;\n  left: 50%;\n  top: 50%;\n\n  width: 192px;\n  max-width: calc(100% - 44px);\n  margin: 0;\n\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  filter: blur(6px);\n\n  transform:\n    translate(-50%,9px);\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size: 11.8px;\n  line-height: 1.46;\n  font-weight: 400;\n  letter-spacing: normal;\n\n  color: rgba(255,255,255,.97);\n  text-align: center;\n  text-transform: none !important;\n\n  transition:\n    opacity .45s ease,\n    filter .48s ease,\n    transform .55s cubic-bezier(.19,1,.22,1),\n    visibility 0s linear .45s;\n}\n\n\/* =========================================\n   HOVER\n   ========================================= *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n  .ds-brand-world__orb:not(.is-active):hover {\n    transform:\n      translate(\n        var(--orb-x),\n        var(--orb-y)\n      )\n      scale(1.018);\n  }\n\n  .ds-brand-world__orb:not(.is-active):hover::before {\n    inset: 3%;\n    filter:\n      blur(19px)\n      saturate(1.39);\n  }\n\n  .ds-brand-world__orb:not(.is-active):hover::after {\n    opacity: .72;\n    filter:\n      blur(30px)\n      saturate(1.24);\n  }\n\n  .ds-brand-world__orb:not(.is-active):hover\n  .ds-brand-world__orb-title {\n    transform: translateY(-1px);\n  }\n}\n\n\/* =========================================\n   ACTIVE \/ OTWARCIE\n   ========================================= *\/\n\n.ds-brand-world__orb.is-active {\n  z-index: 20;\n\n  transform:\n    translate(\n      var(--orb-x),\n      var(--orb-y)\n    )\n    scale(1.065) !important;\n}\n\n.ds-brand-world__orb.is-active::before {\n  inset: -2%;\n\n  filter:\n    blur(20px)\n    saturate(1.36);\n}\n\n.ds-brand-world__orb.is-active::after {\n  inset: -10%;\n  opacity: .70;\n\n  filter:\n    blur(32px)\n    saturate(1.22);\n}\n\n.ds-brand-world__orb.is-active\n.ds-brand-world__orb-title {\n  transform: translateY(-36px);\n  font-size: 18px;\n}\n\n.ds-brand-world__orb.is-active\n.ds-brand-world__orb-text {\n  opacity: 1;\n  visibility: visible;\n  filter: blur(0);\n\n  transform:\n    translate(-50%,3px);\n\n  transition:\n    opacity .48s ease .05s,\n    filter .5s ease .04s,\n    transform .58s cubic-bezier(.19,1,.22,1),\n    visibility 0s linear 0s;\n}\n\n\/* =========================================\n   FOCUS\n   ========================================= *\/\n\n.ds-brand-world__orb:focus {\n  outline: none;\n}\n\n.ds-brand-world__orb:focus-visible {\n  outline:\n    1px solid rgba(92,45,145,.23);\n\n  outline-offset: 6px;\n}\n\n\/* =========================================\n   DOMISOB STAGGER REVEAL\n   220 \/ 230 \/ 1300 \/ blur 13 \/ Y 5\n   ========================================= *\/\n\n@media (prefers-reduced-motion:no-preference) {\n\n  .ds-brand-world.is-reveal-ready\n  .ds-brand-world__orb-reveal {\n    opacity: 0;\n    filter: blur(13px);\n    transform: translateY(5px);\n  }\n\n  .ds-brand-world.is-reveal-ready\n  .ds-brand-world__orb-reveal.is-revealed {\n    opacity: 1;\n    filter: blur(0);\n    transform: translateY(0);\n\n    transition:\n      opacity 1.3s cubic-bezier(.19,1,.22,1),\n      filter 1.3s cubic-bezier(.19,1,.22,1),\n      transform 1.3s cubic-bezier(.19,1,.22,1);\n  }\n}\n\n\/* =========================================\n   TABLET\n   ========================================= *\/\n\n@media (max-width:900px) {\n\n  .ds-brand-world {\n    max-width: 100%;\n    margin: 52px auto 60px;\n  }\n\n  .ds-brand-world__inner {\n    padding: 26px 14px 40px;\n  }\n\n  .ds-brand-world__intro {\n    margin-bottom: 42px;\n  }\n\n  .ds-brand-world__orbits {\n    max-width: 650px;\n    column-gap: 38px;\n    row-gap: 38px;\n  }\n\n  .ds-brand-world__orb-reveal {\n    width: min(240px,36vw);\n  }\n\n  .ds-brand-world__orb-reveal:nth-child(3) {\n    width: min(232px,35vw);\n  }\n}\n\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n\n@media (max-width:519px) {\n\n  .ds-brand-world {\n    margin: 46px auto 54px;\n    padding: 0 14px;\n  }\n\n  .ds-brand-world__inner {\n    padding: 22px 6px 36px;\n  }\n\n  .ds-brand-world h2.ds-brand-world__title {\n    font-size: 30px !important;\n    line-height: 1.04 !important;\n  }\n\n  .ds-brand-world__intro {\n    max-width: 410px;\n    margin: 0 auto 32px;\n    padding: 0 5px;\n    font-size: 13px;\n    line-height: 1.68;\n  }\n\n  .ds-brand-world__orbits {\n    width: 100%;\n    max-width: 310px;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    gap: 15px;\n    padding: 8px 0 20px;\n  }\n\n  .ds-brand-world__orb-reveal,\n  .ds-brand-world__orb-reveal:nth-child(3) {\n    width: clamp(215px,59vw,235px);\n  }\n\n  .ds-brand-world__orb-reveal\n  .ds-brand-world__orb {\n    --orb-x: 0px;\n    --orb-y: 0px;\n  }\n\n  .ds-brand-world__orb {\n    padding: 27px;\n  }\n\n  .ds-brand-world__orb-title {\n    max-width: 170px;\n    font-size: 18.5px;\n  }\n\n  .ds-brand-world__orb-text {\n    width: 178px;\n    max-width: calc(100% - 40px);\n    font-size: 10.6px;\n    line-height: 1.4;\n  }\n\n  .ds-brand-world__orb.is-active {\n    transform: scale(1.06) !important;\n  }\n\n  .ds-brand-world__orb.is-active::before {\n    inset: -3%;\n  }\n\n  .ds-brand-world__orb.is-active::after {\n    inset: -10%;\n  }\n\n  .ds-brand-world__orb.is-active\n  .ds-brand-world__orb-title {\n    transform: translateY(-34px);\n    font-size: 16.5px;\n  }\n\n  .ds-brand-world__orb.is-active\n  .ds-brand-world__orb-text {\n    transform: translate(-50%,2px);\n  }\n}\n\n\/* =========================================\n   BARDZO MA\u0141E TELEFONY\n   ========================================= *\/\n\n@media (max-width:390px) {\n\n  .ds-brand-world__orbits {\n    max-width: 290px;\n    gap: 13px;\n  }\n\n  .ds-brand-world__orb-reveal,\n  .ds-brand-world__orb-reveal:nth-child(3) {\n    width: clamp(208px,58vw,222px);\n  }\n\n  .ds-brand-world__orb-title {\n    font-size: 17.5px;\n  }\n\n  .ds-brand-world__orb-text {\n    width: 160px;\n    font-size: 10px;\n  }\n}\n\n\/* =========================================\n   REDUCED MOTION\n   ========================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .ds-brand-world__orb,\n  .ds-brand-world__orb::before,\n  .ds-brand-world__orb::after,\n  .ds-brand-world__orb-title,\n  .ds-brand-world__orb-text,\n  .ds-brand-world__orb-reveal {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .ds-brand-world__orb-reveal {\n    opacity: 1 !important;\n    filter: none !important;\n    transform: none !important;\n  }\n}\n\n\/* =========================================\n   iOS \/ iPadOS WEBKIT\n   ========================================= *\/\n\nhtml.ds-ios\n.ds-brand-world__orb {\n  isolation: isolate;\n  overflow: visible;\n}\n\nhtml.ds-ios\n.ds-brand-world__orb::before,\n\nhtml.ds-ios\n.ds-brand-world__orb::after {\n  transform: none !important;\n  -webkit-transform: none !important;\n  border-radius: 999px;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  will-change: auto !important;\n}\n\n\/* oddychanie iOS przez opacity *\/\n\nhtml.ds-ios\n.ds-brand-world__orb::before {\n  opacity:\n    var(--ios-core-opacity,1);\n}\n\nhtml.ds-ios\n.ds-brand-world__orb::after {\n  opacity:\n    var(--ios-glow-opacity,.62);\n}\n\n\/* active iOS:\n   nie skalujemy ca\u0142ego elementu *\/\n\nhtml.ds-ios\n.ds-brand-world__orb.is-active {\n  transform:\n    translate(\n      var(--orb-x),\n      var(--orb-y)\n    ) !important;\n\n  -webkit-transform:\n    translate(\n      var(--orb-x),\n      var(--orb-y)\n    ) !important;\n}\n\nhtml.ds-ios\n.ds-brand-world__orb.is-active::before {\n  inset: -9% !important;\n\n  filter:\n    blur(24px)\n    saturate(1.31) !important;\n\n  opacity: 1 !important;\n}\n\nhtml.ds-ios\n.ds-brand-world__orb.is-active::after {\n  inset: -13% !important;\n  opacity: 0 !important;\n  filter: none !important;\n}\n\nhtml.ds-ios\n.ds-brand-world__orb.is-active\n.ds-brand-world__orb-title,\n\nhtml.ds-ios\n.ds-brand-world__orb.is-active\n.ds-brand-world__orb-text {\n  z-index: 3;\n}\n\n\/* =========================================\n   iOS \u2014 WYMUSZENIE REPAINTU\n   ========================================= *\/\n\nhtml.ds-ios\n.ds-brand-world__orb.ds-ios-repaint::before {\n  filter:\n    blur(20.01px)\n    saturate(1.25) !important;\n}\n\nhtml.ds-ios\n.ds-brand-world__orb.ds-ios-repaint::after {\n  filter:\n    blur(31.01px)\n    saturate(1.16) !important;\n}\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const section =\n    document.querySelector(\n      \"#ds-brand-world\"\n    );\n\n  if (!section) {\n    return;\n  }\n\n\n  const orbs =\n    Array.from(\n      section.querySelectorAll(\n        \".ds-brand-world__orb\"\n      )\n    );\n\n\n  const revealItems =\n    Array.from(\n      section.querySelectorAll(\n        \".ds-brand-world__orb-reveal\"\n      )\n    );\n\n\n  const prefersReducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  \/* =========================================\n     DOMISOB STAGGER REVEAL\n     ========================================= *\/\n\n  const revealInitialDelay =\n    220;\n\n  const revealStagger =\n    230;\n\n  const revealDuration =\n    1300;\n\n\n  \/* =========================================\n     iOS \/ iPadOS\n     ========================================= *\/\n\n  const isIOS =\n    \/iPad|iPhone|iPod\/.test(\n      navigator.userAgent\n    ) ||\n    (\n      navigator.platform ===\n      \"MacIntel\" &&\n      navigator.maxTouchPoints > 1\n    );\n\n\n  if (isIOS) {\n\n    document.documentElement\n      .classList.add(\n        \"ds-ios\"\n      );\n\n  }\n\n\n  \/* =========================================\n     WEBKIT REPAINT\n     ========================================= *\/\n\n  function forceIOSRepaint(\n    targets = orbs\n  ) {\n\n    if (!isIOS) {\n      return;\n    }\n\n\n    const elements =\n      Array.from(\n        targets\n      );\n\n\n    requestAnimationFrame(\n      function () {\n\n        elements.forEach(\n          function (orb) {\n\n            orb.classList.add(\n              \"ds-ios-repaint\"\n            );\n\n          }\n        );\n\n\n        void section.offsetHeight;\n\n\n        requestAnimationFrame(\n          function () {\n\n            elements.forEach(\n              function (orb) {\n\n                orb.classList.remove(\n                  \"ds-ios-repaint\"\n                );\n\n              }\n            );\n\n          }\n        );\n\n      }\n    );\n\n  }\n\n\n  \/* =========================================\n     OTWIERANIE \/ ZAMYKANIE\n     ========================================= *\/\n\n  function closeAll(\n    except = null\n  ) {\n\n    orbs.forEach(\n      function (orb) {\n\n        if (\n          orb !==\n          except\n        ) {\n\n          orb.classList.remove(\n            \"is-active\"\n          );\n\n\n          orb.setAttribute(\n            \"aria-expanded\",\n            \"false\"\n          );\n\n        }\n\n      }\n    );\n\n  }\n\n\n  orbs.forEach(\n    function (orb) {\n\n      orb.addEventListener(\n        \"click\",\n        function (event) {\n\n          event.stopPropagation();\n\n\n          const wasActive =\n            orb.classList.contains(\n              \"is-active\"\n            );\n\n\n          closeAll();\n\n\n          if (!wasActive) {\n\n            orb.classList.add(\n              \"is-active\"\n            );\n\n\n            orb.setAttribute(\n              \"aria-expanded\",\n              \"true\"\n            );\n\n          }\n\n\n          if (isIOS) {\n\n            requestAnimationFrame(\n              function () {\n\n                forceIOSRepaint(\n                  orbs\n                );\n\n              }\n            );\n\n          }\n\n        }\n      );\n\n    }\n  );\n\n\n  document.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        !section.contains(\n          event.target\n        )\n      ) {\n\n        closeAll();\n\n\n        if (isIOS) {\n\n          forceIOSRepaint(\n            orbs\n          );\n\n        }\n\n      }\n\n    }\n  );\n\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        event.key ===\n        \"Escape\"\n      ) {\n\n        closeAll();\n\n\n        if (isIOS) {\n\n          forceIOSRepaint(\n            orbs\n          );\n\n        }\n\n      }\n\n    }\n  );\n\n\n  \/* =========================================\n     SPOKOJNE ODDYCHANIE\n     ========================================= *\/\n\n  if (\n    !prefersReducedMotion &&\n    orbs.length\n  ) {\n\n    const durations = [\n      7900,\n      8800,\n      8200,\n      9100,\n      8500\n    ];\n\n\n    const phases = [\n      0,\n      1.5,\n      3.2,\n      4.8,\n      2.3\n    ];\n\n\n    function animateBreathing(\n      time\n    ) {\n\n      orbs.forEach(\n        function (\n          orb,\n          index\n        ) {\n\n          const active =\n            orb.classList.contains(\n              \"is-active\"\n            );\n\n\n          \/* =============================\n             iOS\n             ============================= *\/\n\n          if (isIOS) {\n\n            if (active) {\n\n              orb.style.setProperty(\n                \"--ios-core-opacity\",\n                \"1\"\n              );\n\n\n              orb.style.setProperty(\n                \"--ios-glow-opacity\",\n                \".68\"\n              );\n\n\n              return;\n            }\n\n\n            const duration =\n              durations[index] ||\n              8400;\n\n\n            const phase =\n              phases[index] ||\n              0;\n\n\n            const progress =\n              (\n                time \/\n                duration\n              ) *\n              Math.PI *\n              2 +\n              phase;\n\n\n            const wave =\n              (\n                Math.sin(\n                  progress\n                ) +\n                1\n              ) \/\n              2;\n\n\n            const coreOpacity =\n              .96 +\n              wave *\n              .04;\n\n\n            const glowOpacity =\n              .57 +\n              wave *\n              .07;\n\n\n            orb.style.setProperty(\n              \"--ios-core-opacity\",\n              coreOpacity.toFixed(4)\n            );\n\n\n            orb.style.setProperty(\n              \"--ios-glow-opacity\",\n              glowOpacity.toFixed(4)\n            );\n\n\n            return;\n\n          }\n\n\n          \/* =============================\n             DESKTOP \/ ANDROID\n             ============================= *\/\n\n          if (active) {\n\n            orb.style.setProperty(\n              \"--breath-core\",\n              \".985\"\n            );\n\n\n            orb.style.setProperty(\n              \"--breath-glow\",\n              \".95\"\n            );\n\n\n            return;\n          }\n\n\n          const duration =\n            durations[index] ||\n            8400;\n\n\n          const phase =\n            phases[index] ||\n            0;\n\n\n          const progress =\n            (\n              time \/\n              duration\n            ) *\n            Math.PI *\n            2 +\n            phase;\n\n\n          const wave =\n            (\n              Math.sin(\n                progress\n              ) +\n              1\n            ) \/\n              2;\n\n\n          const coreScale =\n            .955 +\n            wave *\n            .03;\n\n\n          const glowScale =\n            .92 +\n            wave *\n            .035;\n\n\n          orb.style.setProperty(\n            \"--breath-core\",\n            coreScale.toFixed(4)\n          );\n\n\n          orb.style.setProperty(\n            \"--breath-glow\",\n            glowScale.toFixed(4)\n          );\n\n        }\n      );\n\n\n      window.requestAnimationFrame(\n        animateBreathing\n      );\n\n    }\n\n\n    window.requestAnimationFrame(\n      animateBreathing\n    );\n\n  }\n\n\n  \/* =========================================\n     DOMISOB STAGGER REVEAL\n     ========================================= *\/\n\n  if (\n    !prefersReducedMotion &&\n    revealItems.length\n  ) {\n\n    section.classList.add(\n      \"is-reveal-ready\"\n    );\n\n\n    const revealObserver =\n      new IntersectionObserver(\n\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              if (\n                !entry.isIntersecting\n              ) {\n                return;\n              }\n\n\n              revealObserver.disconnect();\n\n\n              revealItems.forEach(\n                function (\n                  item,\n                  index\n                ) {\n\n                  window.setTimeout(\n                    function () {\n\n                      item.classList.add(\n                        \"is-revealed\"\n                      );\n\n                    },\n\n                    revealInitialDelay +\n                    (\n                      index *\n                      revealStagger\n                    )\n\n                  );\n\n                }\n              );\n\n\n              const totalTime =\n                revealInitialDelay +\n                (\n                  Math.max(\n                    0,\n                    revealItems.length -\n                    1\n                  ) *\n                  revealStagger\n                ) +\n                revealDuration +\n                120;\n\n\n              window.setTimeout(\n                function () {\n\n                  revealItems.forEach(\n                    function (item) {\n\n                      item.classList.remove(\n                        \"is-revealed\"\n                      );\n\n                    }\n                  );\n\n\n                  section.classList.remove(\n                    \"is-reveal-ready\"\n                  );\n\n                },\n\n                totalTime\n              );\n\n            }\n          );\n\n        },\n\n        {\n          threshold:\n            .01,\n\n          rootMargin:\n            \"0px 0px -12% 0px\"\n        }\n\n      );\n\n\n    revealObserver.observe(\n      section\n    );\n\n  }\n\n\n  \/* =========================================\n     iOS REPAINTS\n     ========================================= *\/\n\n  if (isIOS) {\n\n    requestAnimationFrame(\n      function () {\n\n        forceIOSRepaint(\n          orbs\n        );\n\n      }\n    );\n\n\n    window.addEventListener(\n      \"load\",\n      function () {\n\n        forceIOSRepaint(\n          orbs\n        );\n\n\n        setTimeout(\n          function () {\n\n            forceIOSRepaint(\n              orbs\n            );\n\n          },\n          150\n        );\n\n      },\n      {\n        once: true\n      }\n    );\n\n\n    if (\n      document.fonts &&\n      document.fonts.ready\n    ) {\n\n      document.fonts.ready.then(\n        function () {\n\n          forceIOSRepaint(\n            orbs\n          );\n\n        }\n      );\n\n    }\n\n\n    window.addEventListener(\n      \"pageshow\",\n      function () {\n\n        forceIOSRepaint(\n          orbs\n        );\n\n      }\n    );\n\n\n    window.addEventListener(\n      \"orientationchange\",\n      function () {\n\n        setTimeout(\n          function () {\n\n            forceIOSRepaint(\n              orbs\n            );\n\n          },\n          180\n        );\n\n      }\n    );\n\n  }\n\n});\n<\/script>\n\n<section class=\"ds-brand-world\" id=\"ds-brand-world\">\n\n  <div class=\"ds-brand-world__inner\">\n\n    <div class=\"ds-brand-world__title-wrap\">\n      <h2 class=\"ds-brand-world__title\">\n        Rozszerzenie \u015bwiata marki\n      <\/h2>\n    <\/div>\n\n    <p class=\"ds-brand-world__intro\">\n      Nie ka\u017cda marka potrzebuje tego samego zakresu.\n      Wybrane wsp\u00f3\u0142prace mog\u0105 zosta\u0107 rozszerzone o&nbsp;dodatkowe elementy,\n      kt\u00f3re rozwijaj\u0105 \u015bwiat marki, jej komunikacj\u0119 i&nbsp;do\u015bwiadczenie.\n    <\/p>\n\n\n    <div class=\"ds-brand-world__orbits\">\n\n      <!-- 1 \u2014 CREATIVE DIRECTION -->\n      <div class=\"ds-brand-world__orb-reveal\">\n\n        <button class=\"ds-brand-world__orb ds-brand-world__orb--yellow\" type=\"button\" aria-expanded=\"false\">\n\n          <span class=\"ds-brand-world__orb-title\">\n            Creative<br>direction\n          <\/span>\n\n          <span class=\"ds-brand-world__orb-text\">\n            Kierunek wizualny i&nbsp;komunikacyjny porz\u0105dkuj\u0105cy spos\u00f3b,\n            w&nbsp;jaki marka rozwija si\u0119 w&nbsp;kolejnych kana\u0142ach\n            i&nbsp;dzia\u0142aniach.\n          <\/span>\n\n        <\/button>\n\n      <\/div>\n\n\n      <!-- 2 \u2014 NAMING \/ RENAMING -->\n      <div class=\"ds-brand-world__orb-reveal\">\n\n        <button class=\"ds-brand-world__orb ds-brand-world__orb--pink\" type=\"button\" aria-expanded=\"false\">\n\n          <span class=\"ds-brand-world__orb-title\">\n            Naming \/<br>renaming\n          <\/span>\n\n          <span class=\"ds-brand-world__orb-text\">\n            Nazwa budowana z&nbsp;charakteru, kierunku i&nbsp;kontekstu marki,\n            tak aby wzmacnia\u0142a jej odr\u0119bno\u015b\u0107 i&nbsp;by\u0142a fundamentem\n            dalszej komunikacji.\n          <\/span>\n\n        <\/button>\n\n      <\/div>\n\n\n      <!-- 3 \u2014 KONCEPCJE KOMUNIKACJI -->\n      <div class=\"ds-brand-world__orb-reveal\">\n\n        <button class=\"ds-brand-world__orb ds-brand-world__orb--purple\" type=\"button\" aria-expanded=\"false\">\n\n          <span class=\"ds-brand-world__orb-title\">\n            Koncepcje<br>komunikacji\n          <\/span>\n\n          <span class=\"ds-brand-world__orb-text\">\n            Pomys\u0142y na&nbsp;kampanie, kolekcje i&nbsp;dzia\u0142ania,\n            kt\u00f3re przek\u0142adaj\u0105 charakter marki na&nbsp;konkretne momenty\n            kontaktu z&nbsp;klientem.\n          <\/span>\n\n        <\/button>\n\n      <\/div>\n\n\n      <!-- 4 \u2014 STRONA MARKI -->\n      <div class=\"ds-brand-world__orb-reveal\">\n\n        <button class=\"ds-brand-world__orb ds-brand-world__orb--purple\" type=\"button\" aria-expanded=\"false\">\n\n          <span class=\"ds-brand-world__orb-title\">\n            Strona<br>marki\n          <\/span>\n\n          <span class=\"ds-brand-world__orb-text\">\n            Projekt cyfrowego do\u015bwiadczenia marki od&nbsp;struktury\n            i&nbsp;layoutu po&nbsp;UX\/UI. Zakres mo\u017ce obejmowa\u0107 sam projekt\n            strony lub r\u00f3wnie\u017c jej wdro\u017cenie.\n          <\/span>\n\n        <\/button>\n\n      <\/div>\n\n\n      <!-- 5 \u2014 STORYTELLING -->\n      <div class=\"ds-brand-world__orb-reveal\">\n\n        <button class=\"ds-brand-world__orb ds-brand-world__orb--yellow\" type=\"button\" aria-expanded=\"false\">\n\n          <span class=\"ds-brand-world__orb-title\">\n            Storytelling\n          <\/span>\n\n          <span class=\"ds-brand-world__orb-text\">\n            Narracja i&nbsp;j\u0119zyk, kt\u00f3re nadaj\u0105 marce g\u0142\u0119bi\u0119,\n            emocjonalny kontekst i&nbsp;sp\u00f3jny spos\u00f3b opowiadania o&nbsp;sobie.\n          <\/span>\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<div style=\"height:55px;\"><\/div>\n\n\n<style>.kb-row-layout-id1334_3c2888-43 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1334_3c2888-43 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1334_3c2888-43 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id1334_3c2888-43 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1334_3c2888-43 > .kt-row-column-wrap{padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1334_3c2888-43 > .kt-row-column-wrap{padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1334_3c2888-43 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column1334_7a397c-2a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1334_7a397c-2a > .kt-inside-inner-col{flex-direction:column;}.kadence-column1334_7a397c-2a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1334_7a397c-2a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1334_7a397c-2a{position:relative;}@media all and (max-width: 1024px){.kadence-column1334_7a397c-2a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1334_7a397c-2a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1334_7a397c-2a\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\n\/* DOMISOB \u2014 PROCES WSP\u00d3\u0141PRACY *\/\n\n.ds-story-pro,\n.ds-story-pro * {\n  box-sizing: border-box;\n}\n\n.ds-story-pro {\n  max-width: 1100px;\n  margin: 40px auto 50px;\n  padding: 0 6px 22px;\n  overflow: visible;\n\n  --ds-purple: #5c2d91;\n  --ds-violet: #9747ff;\n  --ds-pink: #de43a9;\n  --ds-coral: #ee9465;\n  --ds-yellow: #f3c33f;\n}\n\n\/* NAG\u0141\u00d3WEK \u2014 WI\u0118KSZE ODST\u0118PY NA DESKTOPIE *\/\n\n.ds-story-pro__intro {\n  text-align: center;\n  margin: 0 auto 42px;\n  padding: 20px 12px 0;\n}\n\n.ds-story-pro__heading {\n  margin: 0 0 60px;\n\n  font-family:\n    \"Bricolage Grotesque\", sans-serif !important;\n\n  font-size:\n    clamp(32px, 3.2vw, 42px) !important;\n\n  line-height: 1.04;\n  font-weight: 600;\n  letter-spacing: -.04em;\n  text-transform: none !important;\n  color: #5c2d91 !important;\n}\n\n\/* DWIE KAPSU\u0141KI *\/\n\n.ds-story-pro__switch {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n}\n\n.ds-story-pro__switch-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 43px;\n  padding: 11px 24px;\n\n  border:\n    1px solid rgba(92,45,145,.09) !important;\n\n  border-radius: 999px !important;\n\n  background:\n    rgba(255,255,255,.52) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.75),\n    0 5px 16px rgba(92,45,145,.07) !important;\n\n  -webkit-backdrop-filter:\n    blur(11px) saturate(145%);\n\n  backdrop-filter:\n    blur(11px) saturate(145%);\n\n  font-family:\n    \"Bricolage Grotesque\", sans-serif !important;\n\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.25;\n  color: #333 !important;\n\n  text-transform: none !important;\n  text-decoration: none !important;\n\n  appearance: none;\n  -webkit-appearance: none;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n\n  transition:\n    background .35s ease,\n    box-shadow .35s ease,\n    color .35s ease,\n    transform .35s ease;\n}\n\n.ds-story-pro__switch-btn.is-selected {\n  color: #5c2d91 !important;\n\n  background:\n    rgba(248,244,255,.86) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.9),\n    0 6px 18px rgba(92,45,145,.10) !important;\n}\n\n@media (hover:hover) and (pointer:fine) {\n  .ds-story-pro__switch-btn:hover {\n    color: #5c2d91 !important;\n\n    background:\n      rgba(248,244,255,.85) !important;\n\n    transform: translateY(-1px);\n  }\n}\n\n.ds-story-pro__switch-btn:focus-visible,\n.ds-story-pro__btn:focus-visible {\n  outline: 2px solid #9747ff !important;\n  outline-offset: 3px;\n}\n\n\/* PRZE\u0141\u0104CZANIE JAK W DOMISOB-COLLAB *\/\n\n.ds-story-pro__stage {\n  position: relative;\n  width: 100%;\n\n  transition:\n    height .95s cubic-bezier(.19,1,.22,1);\n}\n\n.ds-story-pro__view {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n\n  opacity: 0;\n  visibility: hidden;\n  filter: blur(15px);\n  transform: translateY(5px);\n  pointer-events: none;\n\n  transition:\n    opacity .75s cubic-bezier(.19,1,.22,1),\n    filter .75s cubic-bezier(.19,1,.22,1),\n    transform .75s cubic-bezier(.19,1,.22,1),\n    visibility 0s linear .75s;\n}\n\n\/* Gdyby skrypt si\u0119 nie uruchomi\u0142 *\/\n\n.ds-story-pro:not(.is-ready)\n.ds-story-pro__view.is-active {\n  position: relative;\n}\n\n.ds-story-pro__view.is-active {\n  visibility: visible;\n  opacity: 1;\n  filter: blur(0);\n  transform: translateY(0);\n  pointer-events: auto;\n\n  transition:\n    opacity 1s cubic-bezier(.19,1,.22,1),\n    filter 1s cubic-bezier(.19,1,.22,1),\n    transform 1s cubic-bezier(.19,1,.22,1),\n    visibility 0s;\n}\n\n.ds-story-pro__view.is-leaving {\n  visibility: visible;\n  opacity: 0;\n  filter: blur(15px);\n  transform: translateY(5px);\n  pointer-events: none;\n\n  transition:\n    opacity .75s cubic-bezier(.19,1,.22,1),\n    filter .75s cubic-bezier(.19,1,.22,1),\n    transform .75s cubic-bezier(.19,1,.22,1);\n}\n\n.ds-story-pro__view.is-entering {\n  visibility: visible;\n  opacity: 0;\n  filter: blur(15px);\n  transform: translateY(5px);\n  pointer-events: none;\n  transition: none;\n}\n\n\/* POJAWIANIE SI\u0118 KART PO KOLEI *\/\n\n@keyframes ds-story-reveal {\n  from {\n    opacity: 0;\n    filter: blur(13px) saturate(.75);\n    transform: translateY(8px) scale(.988);\n  }\n\n  to {\n    opacity: 1;\n    filter: blur(0) saturate(1.06);\n    transform: translateY(0) scale(1);\n  }\n}\n\n@media (prefers-reduced-motion:no-preference) {\n  .ds-story-pro__view.is-active.is-revealing\n  .ds-story-pro__step {\n    animation:\n      ds-story-reveal\n      .95s\n      cubic-bezier(.19,1,.22,1)\n      both;\n\n    animation-delay:\n      calc(var(--ds-reveal-index, 0) * 140ms);\n  }\n}\n\n\/* UK\u0141AD KART *\/\n\n.ds-story-pro__viewport {\n  overflow: visible;\n  cursor: default;\n  user-select: text;\n  -webkit-user-select: text;\n  padding: 18px 0 20px;\n  touch-action: auto;\n}\n\n.ds-story-pro__track {\n  position: relative;\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  grid-auto-rows: 1fr;\n  gap: 24px;\n  align-items: stretch;\n\n  transform: none;\n  transition: none;\n}\n\n\/* KARTA *\/\n\n.ds-story-pro__step {\n  position: relative;\n  min-width: 0;\n  min-height: 430px;\n  border-radius: 26px;\n\n  opacity: 1;\n  filter: saturate(1.06);\n  transform: scale(1);\n  isolation: isolate;\n\n  --ds-card-x: 0px;\n  --ds-card-y: 0px;\n  --ds-card-rx: 0deg;\n  --ds-card-ry: 0deg;\n  --ds-card-mx: 50%;\n  --ds-card-my: 50%;\n}\n\n\/* PASTELOWE \u015aWIAT\u0141O \u2014 ORYGINALNE KOLORY *\/\n\n.ds-story-pro__light {\n  position: absolute;\n  inset: 1% 1% -4%;\n  z-index: -1;\n  border-radius: 35px;\n\n  background:\n    radial-gradient(\n      ellipse at 14% 18%,\n      rgba(92,45,145,.27) 0%,\n      rgba(151,71,255,.17) 36%,\n      transparent 68%\n    ),\n    radial-gradient(\n      ellipse at 82% 24%,\n      rgba(222,67,169,.18) 0%,\n      transparent 61%\n    ),\n    radial-gradient(\n      ellipse at 82% 82%,\n      rgba(243,195,63,.17) 0%,\n      rgba(238,148,101,.15) 37%,\n      transparent 68%\n    );\n\n  filter:\n    blur(25px) saturate(1.10);\n\n  opacity: .54;\n\n  transform:\n    translate3d(\n      var(--ds-card-x),\n      var(--ds-card-y),\n      0\n    )\n    scale(1);\n\n  transition:\n    opacity .7s ease,\n    filter .7s ease,\n    transform .7s cubic-bezier(.19,1,.22,1);\n\n  will-change: transform;\n  pointer-events: none;\n}\n\n\/* TAFLA \u2014 ANIMACJA Z TWOJEGO JS *\/\n\n.ds-story-pro__surface {\n  position: relative;\n  width: 100%;\n\n  min-height: 430px;\n  height: 100%;\n  padding: 34px 28px 30px;\n\n  overflow: hidden;\n  border-radius: 26px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.60) 0%,\n      rgba(255,255,255,.35) 50%,\n      rgba(255,255,255,.22) 100%\n    );\n\n  border:\n    1px solid rgba(255,255,255,.56);\n\n  -webkit-backdrop-filter:\n    blur(11px) saturate(155%);\n\n  backdrop-filter:\n    blur(11px) saturate(155%);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.72),\n    0 11px 27px rgba(92,45,145,.06);\n\n  transform:\n    perspective(1050px)\n    rotateX(var(--ds-card-rx))\n    rotateY(var(--ds-card-ry))\n    translate3d(0,0,0);\n\n  transform-style: preserve-3d;\n\n  transition:\n    transform .62s cubic-bezier(.19,1,.22,1),\n    box-shadow .65s ease;\n\n  will-change: transform;\n}\n\n\/* \u015aWIAT\u0141O NA POWIERZCHNI *\/\n\n.ds-story-pro__surface::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n\n  pointer-events: none;\n  border-radius: inherit;\n\n  background:\n    radial-gradient(\n      circle at var(--ds-card-mx) var(--ds-card-my),\n      rgba(255,255,255,.36) 0%,\n      rgba(255,255,255,.15) 18%,\n      rgba(255,255,255,.035) 40%,\n      transparent 62%\n    );\n\n  opacity: .54;\n  transition: opacity .65s ease;\n}\n\n.ds-story-pro__number,\n.ds-story-pro__title,\n.ds-story-pro__text {\n  position: relative;\n  z-index: 2;\n}\n\n\/* HOVER *\/\n\n@media (hover:hover) and (pointer:fine) {\n  .ds-story-pro__step:hover\n  .ds-story-pro__light {\n    opacity: .63;\n    filter: blur(25px) saturate(1.12);\n  }\n\n  .ds-story-pro__step:hover\n  .ds-story-pro__surface {\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.75),\n      0 13px 30px rgba(92,45,145,.075);\n  }\n\n  .ds-story-pro__step:hover\n  .ds-story-pro__surface::before {\n    opacity: .64;\n  }\n}\n\n\/* NUMERY I TYPOGRAFIA *\/\n\n.ds-story-pro__number {\n  font-family:\n    \"Bricolage Grotesque\", sans-serif !important;\n\n  font-weight: 600;\n  font-size: clamp(34px,4vw,56px);\n  line-height: 1;\n  letter-spacing: -.04em;\n  margin-bottom: 10px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #5c2d91 0%,\n      #9747ff 30%,\n      #ff6a88 65%,\n      #ffb86b 100%\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n.ds-story-pro__title {\n  margin: 0 0 18px;\n\n  font-family:\n    \"Bricolage Grotesque\", sans-serif !important;\n\n  font-weight: 600;\n  font-size: clamp(24px,2.6vw,36px);\n  line-height: 1.08;\n  letter-spacing: -.03em;\n  color: #5c2d91 !important;\n}\n\n.ds-story-pro__text p {\n  margin: 0 0 16px;\n\n  font-family:\n    Inter, system-ui, sans-serif;\n\n  font-size: 16px;\n  line-height: 1.72;\n  color: #333;\n}\n\n.ds-story-pro__text p:last-child {\n  margin-bottom: 0;\n}\n\n\/* STRZA\u0141KI TYLKO NA TELEFONIE *\/\n\n.ds-story-pro__bottom {\n  display: none;\n  margin-top: 18px;\n  align-items: center;\n  justify-content: center;\n}\n\n.ds-story-pro__nav {\n  display: flex;\n  gap: 12px;\n  justify-content: center;\n  align-items: center;\n}\n\n.ds-story-pro__btn {\n  width: 50px;\n  height: 50px;\n  border-radius: 999px;\n  border: none !important;\n\n  background: #fff !important;\n  color: #000 !important;\n\n  font-family: Poppins, sans-serif;\n  font-weight: 600;\n  font-size: 19px;\n  line-height: 1;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  box-shadow:\n    0 3px 10px rgba(92,45,145,.12) !important;\n\n  transition: all .3s ease;\n  cursor: pointer;\n\n  appearance: none;\n  -webkit-appearance: none;\n  outline: none !important;\n\n  -webkit-tap-highlight-color: transparent;\n  touch-action: manipulation;\n}\n\n.ds-story-pro__btn:hover {\n  transform: translateY(-2px);\n\n  background: #fdfbff !important;\n  color: #5c2d91 !important;\n\n  box-shadow:\n    0 6px 18px rgba(92,45,145,.25) !important;\n}\n\n.ds-story-pro__btn:disabled {\n  opacity: .38;\n  cursor: default;\n  transform: none;\n}\n\n.ds-story-pro__btn::before,\n.ds-story-pro__btn::after {\n  content: none !important;\n  display: none !important;\n}\n\n\/* TABLET I DESKTOP \u2014 BEZ KARUZELI *\/\n\n@media (min-width: 641px) {\n  .ds-story-pro__track {\n    transform: none !important;\n    transition: none !important;\n  }\n}\n\n@media (max-width: 900px) {\n  .ds-story-pro__step,\n  .ds-story-pro__surface {\n    min-height: 520px;\n  }\n\n  .ds-story-pro__surface {\n    padding: 28px 22px 24px;\n  }\n\n  .ds-story-pro__title {\n    font-size: 23px;\n    line-height: 1.12;\n  }\n\n  .ds-story-pro__text p {\n    font-size: 15.5px;\n    line-height: 1.72;\n  }\n}\n\n\/* MOBILE \u2014 MARGINESY JAK W DOMISOB-COLLAB *\/\n\n@media (max-width: 640px) {\n  .ds-story-pro {\n    width: 100vw !important;\n    max-width: none !important;\n\n    padding: 0 16px 18px !important;\n    margin: 28px calc(50% - 50vw) 36px !important;\n  }\n\n  .ds-story-pro__intro {\n    padding: 0 8px;\n    margin-bottom: 26px;\n  }\n\n  .ds-story-pro__heading {\n    font-size: 30px !important;\n    margin-bottom: 40px;\n  }\n\n  .ds-story-pro__switch {\n    gap: 10px;\n  }\n\n  .ds-story-pro__switch-btn {\n    font-size: 13px;\n    padding: 11px 16px;\n    min-height: 42px;\n  }\n\n  .ds-story-pro__viewport {\n    padding: 14px 0 16px;\n    overflow: hidden;\n    cursor: grab;\n\n    user-select: none;\n    -webkit-user-select: none;\n    touch-action: pan-y;\n  }\n\n  .ds-story-pro__viewport.is-dragging {\n    cursor: grabbing;\n  }\n\n  .ds-story-pro__track {\n    display: flex;\n    gap: 24px;\n    transform: translateX(0);\n\n    transition:\n      transform .55s cubic-bezier(.22,.61,.36,1);\n\n    will-change: transform;\n  }\n\n  .ds-story-pro__step {\n    flex: 0 0 100%;\n    width: 100%;\n    min-height: 560px;\n  }\n\n  .ds-story-pro__surface {\n    min-height: 560px;\n  }\n\n  .ds-story-pro__bottom {\n    display: flex;\n    margin-top: 14px;\n  }\n\n  .ds-story-pro__btn {\n    width: 46px;\n    height: 46px;\n    font-size: 18px;\n  }\n}\n\n\/* MOBILE DO 480 PX \u2014 14 PX PO BOKACH *\/\n\n@media (max-width: 480px) {\n  .ds-story-pro {\n    padding-left: 14px !important;\n    padding-right: 14px !important;\n  }\n}\n\n\/* DU\u017bY DESKTOP \u2014 3 KOLUMNY *\/\n\n@media (min-width: 1100px) {\n  .ds-story-pro {\n    position: relative;\n    left: 50%;\n    transform: translateX(-50%);\n\n    width:\n      min(1500px, calc(100vw - 32px));\n\n    max-width: none;\n    margin: 40px 0 50px;\n    padding: 0 12px 22px;\n    overflow: visible;\n  }\n\n  .ds-story-pro__track {\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n\n    gap: 24px;\n  }\n}\n\n@media (min-width:1100px) and (max-width:1180px) {\n  .ds-story-pro {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .ds-story-pro__track {\n    gap: 18px;\n  }\n}\n\n\/* OGRANICZENIE ANIMACJI *\/\n\n@media (prefers-reduced-motion:reduce) {\n  .ds-story-pro__stage,\n  .ds-story-pro__view,\n  .ds-story-pro__track,\n  .ds-story-pro__step,\n  .ds-story-pro__surface,\n  .ds-story-pro__light,\n  .ds-story-pro__surface::before {\n    transition: none !important;\n    animation: none !important;\n  }\n\n  .ds-story-pro__surface,\n  .ds-story-pro__light {\n    transform: none !important;\n  }\n}\n\n<\/style>\n\n<section class=\"ds-story-pro\" data-ds-story=\"\">\n\n  <header class=\"ds-story-pro__intro\">\n    <h2 class=\"ds-story-pro__heading\">\n      Jak wygl\u0105da wsp\u00f3\u0142praca?\n    <\/h2>\n\n    <div class=\"ds-story-pro__switch\" role=\"group\" aria-label=\"Wybierz rodzaj wsp\u00f3\u0142pracy\">\n\n      <button class=\"ds-story-pro__switch-btn is-selected\" type=\"button\" data-ds-process-target=\"branding\" aria-pressed=\"true\">\n        (Re)branding\n      <\/button>\n\n      <button class=\"ds-story-pro__switch-btn\" type=\"button\" data-ds-process-target=\"development\" aria-pressed=\"false\">\n        Sta\u0142y rozw\u00f3j marki\n      <\/button>\n\n    <\/div>\n  <\/header>\n\n  <div class=\"ds-story-pro__stage\" data-ds-story-stage=\"\">\n\n    <!-- (RE)BRANDING -->\n\n    <div class=\"ds-story-pro__view is-active\" data-ds-process-view=\"branding\" aria-hidden=\"false\">\n\n      <div class=\"ds-story-pro__viewport\">\n        <div class=\"ds-story-pro__track\">\n\n          <article class=\"ds-story-pro__step\">\n            <div class=\"ds-story-pro__light\" aria-hidden=\"true\"><\/div>\n            <div class=\"ds-story-pro__surface\">\n              <div class=\"ds-story-pro__number\">01<\/div>\n              <h3 class=\"ds-story-pro__title\">Pierwszy kontakt i rozmowa o marce<\/h3>\n              <div class=\"ds-story-pro__text\">\n                <p>Nasza wsp\u00f3\u0142praca zaczyna si\u0119 od bezp\u0142atnej rozmowy. To moment, w kt\u00f3rym poznaj\u0119 Twoj\u0105 mark\u0119, jej kontekst, ambicje oraz kierunek rozwoju. Sprawdzamy r\u00f3wnie\u017c, czy mamy wsp\u00f3lne oczekiwania wobec procesu.<\/p>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"ds-story-pro__step\">\n            <div class=\"ds-story-pro__light\" aria-hidden=\"true\"><\/div>\n            <div class=\"ds-story-pro__surface\">\n              <div class=\"ds-story-pro__number\">02<\/div>\n              <h3 class=\"ds-story-pro__title\">Warsztaty strategiczne<\/h3>\n              <div class=\"ds-story-pro__text\">\n                <p>Podczas warsztat\u00f3w strategicznych przygl\u0105damy si\u0119 odbiorcom, warto\u015bciom, pozycjonowaniu oraz emocjom, kt\u00f3re marka ma budowa\u0107.<\/p>\n                <p>W przypadku rebrandingu analizujemy r\u00f3wnie\u017c dotychczasowy wizerunek i spos\u00f3b, w jaki marka jest odbierana.<\/p>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"ds-story-pro__step\">\n            <div class=\"ds-story-pro__light\" aria-hidden=\"true\"><\/div>\n            <div class=\"ds-story-pro__surface\">\n              <div class=\"ds-story-pro__number\">03<\/div>\n              <h3 class=\"ds-story-pro__title\">Fundament marki<\/h3>\n              <div class=\"ds-story-pro__text\">\n                <p>Na podstawie warsztat\u00f3w opracowuj\u0119 fundament marki, kt\u00f3ry okre\u015bla jej charakter, najwa\u017cniejsze za\u0142o\u017cenia i kierunek komunikacji.<\/p>\n                <p>Wsp\u00f3lnie omawiamy go i zatwierdzamy przed rozpocz\u0119ciem projektowania.<\/p>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"ds-story-pro__step\">\n            <div class=\"ds-story-pro__light\" aria-hidden=\"true\"><\/div>\n            <div class=\"ds-story-pro__surface\">\n              <div class=\"ds-story-pro__number\">04<\/div>\n              <h3 class=\"ds-story-pro__title\">Kierunek wizualny<\/h3>\n              <div class=\"ds-story-pro__text\">\n                <p>Na bazie ustalonego fundamentu przygotowuj\u0119 2\u20133 wst\u0119pne propozycje kierunku wizualnego marki. Wsp\u00f3lnie omawiamy ich estetyk\u0119, klimat i spos\u00f3b, w jaki wyra\u017caj\u0105 charakter marki.<\/p>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"ds-story-pro__step\">\n            <div class=\"ds-story-pro__light\" aria-hidden=\"true\"><\/div>\n            <div class=\"ds-story-pro__surface\">\n              <div class=\"ds-story-pro__number\">05<\/div>\n              <h3 class=\"ds-story-pro__title\">Projekt identyfikacji wizualnej<\/h3>\n              <div class=\"ds-story-pro__text\">\n                <p>Wybrany kierunek rozwijam w sp\u00f3jny system identyfikacji wizualnej. Powstaj\u0105 logotyp, typografia, kolorystyka oraz uzgodnione materia\u0142y marki.<\/p>\n                <p>Ka\u017cdy element jest cz\u0119\u015bci\u0105 wi\u0119kszego systemu, kt\u00f3ry pozwala marce zachowa\u0107 sp\u00f3jno\u015b\u0107 i rozpoznawalno\u015b\u0107 w r\u00f3\u017cnych punktach kontaktu.<\/p>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"ds-story-pro__step\">\n            <div class=\"ds-story-pro__light\" aria-hidden=\"true\"><\/div>\n            <div class=\"ds-story-pro__surface\">\n              <div class=\"ds-story-pro__number\">06<\/div>\n              <h3 class=\"ds-story-pro__title\">Przekazanie i wdro\u017cenie marki<\/h3>\n              <div class=\"ds-story-pro__text\">\n                <p>Po zako\u0144czeniu projektu spotykamy si\u0119, aby podsumowa\u0107 ca\u0142y proces. Otrzymujesz przygotowane materia\u0142y oraz brandbook, kt\u00f3ry u\u0142atwia sp\u00f3jne stosowanie identyfikacji.<\/p>\n                <p>Przez kolejne 6 miesi\u0119cy mo\u017cesz r\u00f3wnie\u017c liczy\u0107 na moje wsparcie w prawid\u0142owym korzystaniu z opracowanego systemu marki.<\/p>\n              <\/div>\n            <\/div>\n          <\/article>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"ds-story-pro__bottom\">\n        <div class=\"ds-story-pro__nav\">\n          <button class=\"ds-story-pro__btn ds-story-pro__prev\" type=\"button\" aria-label=\"Poprzedni krok\">&lt;<\/button>\n          <button class=\"ds-story-pro__btn ds-story-pro__next\" type=\"button\" aria-label=\"Nast\u0119pny krok\">&gt;<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- STA\u0141Y ROZW\u00d3J MARKI -->\n\n    <div class=\"ds-story-pro__view\" data-ds-process-view=\"development\" aria-hidden=\"true\" inert=\"\">\n\n      <div class=\"ds-story-pro__viewport\">\n        <div class=\"ds-story-pro__track\">\n\n          <article class=\"ds-story-pro__step\">\n            <div class=\"ds-story-pro__light\" aria-hidden=\"true\"><\/div>\n            <div class=\"ds-story-pro__surface\">\n              <div class=\"ds-story-pro__number\">01<\/div>\n              <h3 class=\"ds-story-pro__title\">Pierwszy kontakt i rozmowa o marce<\/h3>\n              <div class=\"ds-story-pro__text\">\n                <p>Wsp\u00f3\u0142prac\u0119 zaczynamy od bezp\u0142atnej rozmowy online. Poznaj\u0119 Twoj\u0105 mark\u0119, jej dotychczasowy brandbook, aktualne potrzeby oraz kierunek dalszego rozwoju.<\/p>\n                <p>Podczas rozmowy przygl\u0105damy si\u0119 obszarom, kt\u00f3re wymagaj\u0105 wsparcia, i sprawdzamy, czy sta\u0142a wsp\u00f3\u0142praca b\u0119dzie odpowiednim rozwi\u0105zaniem.<\/p>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"ds-story-pro__step\">\n            <div class=\"ds-story-pro__light\" aria-hidden=\"true\"><\/div>\n            <div class=\"ds-story-pro__surface\">\n              <div class=\"ds-story-pro__number\">02<\/div>\n              <h3 class=\"ds-story-pro__title\">Ustalenie zakresu wsp\u00f3\u0142pracy<\/h3>\n              <div class=\"ds-story-pro__text\">\n                <p>Na podstawie rozmowy przygotowuj\u0119 propozycj\u0119 zakresu dzia\u0142a\u0144, pierwszych priorytet\u00f3w oraz zasad wsp\u00f3\u0142pracy. Dopasowuj\u0119 j\u0105 do rzeczywistych potrzeb marki, zamiast opiera\u0107 si\u0119 na sztywnej liczbie projekt\u00f3w.<\/p>\n                <p>Wsp\u00f3\u0142praca rozpoczyna si\u0119 od minimum 3 miesi\u0119cy i jest organizowana w miesi\u0119cznych cyklach.<\/p>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"ds-story-pro__step\">\n            <div class=\"ds-story-pro__light\" aria-hidden=\"true\"><\/div>\n            <div class=\"ds-story-pro__surface\">\n              <div class=\"ds-story-pro__number\">03<\/div>\n              <h3 class=\"ds-story-pro__title\">Realizacja i rozw\u00f3j marki<\/h3>\n              <div class=\"ds-story-pro__text\">\n                <p>Rozwijam materia\u0142y i komunikacj\u0119 wizualn\u0105 marki w oparciu o jej istniej\u0105cy system, dbaj\u0105c o sp\u00f3jno\u015b\u0107 kolejnych dzia\u0142a\u0144.<\/p>\n                <p>Na pocz\u0105tku ka\u017cdego miesi\u0105ca, podczas spotkania, omawiamy aktualne potrzeby i priorytety marki. Na tej podstawie planuj\u0119 kolejne dzia\u0142ania i odpowiadam za ich realizacj\u0119, dostosowuj\u0105c zakres prac do zmieniaj\u0105cych si\u0119 potrzeb marki.<\/p>\n              <\/div>\n            <\/div>\n          <\/article>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"ds-story-pro__bottom\">\n        <div class=\"ds-story-pro__nav\">\n          <button class=\"ds-story-pro__btn ds-story-pro__prev\" type=\"button\" aria-label=\"Poprzedni krok\">&lt;<\/button>\n          <button class=\"ds-story-pro__btn ds-story-pro__next\" type=\"button\" aria-label=\"Nast\u0119pny krok\">&gt;<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<div style=\"height:10px;\"><\/div>\n\n\n\n<section class=\"ds-home-cta\">\n  <div class=\"ds-home-cta__inner\">\n\n    <h2 class=\"ds-home-cta__title\">\n      Chcesz stworzy\u0107 mark\u0119, do kt\u00f3rej klienci chc\u0105 wraca\u0107?\n    <\/h2>\n\n    <p class=\"ds-home-cta__text\">\n   Pierwszym krokiem jest bezp\u0142atna rozmowa online do 45 minut.\n    <\/p>\n\n    <div class=\"ds-home-cta__button-wrap\">\n      <a href=\"\/kontakt\/\" class=\"ds-home-cta__button\">\n        Opowiedz o swojej marce\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<div style=\"height:15px;\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Jak szeroko ma zosta\u0107 ukszta\u0142towana Twoja marka? System marki Dla marek, kt\u00f3re chc\u0105 zbudowa\u0107 swoj\u0105 to\u017csamo\u015b\u0107 od podstaw lub \u015bwiadomie [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":".gsbp-5ca132b{text-align:center;color:var(--wp--preset--color--ast-global-color-4, var(--ast-global-color-4));position:relative}","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"iawp_total_views":29,"footnotes":"[]"},"class_list":["post-1334","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Wsp\u00f3\u0142praca<\/title>\n<meta name=\"description\" content=\"Wsp\u00f3\u0142praca projektowa w pakietach: start marki, rebranding i sta\u0142a wsp\u00f3\u0142praca. Sp\u00f3jny design dopasowany do etapu marki.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/domisob.art\/en\/wspolpraca\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wsp\u00f3\u0142praca\" \/>\n<meta property=\"og:description\" content=\"Wsp\u00f3\u0142praca projektowa w pakietach: start marki, rebranding i sta\u0142a wsp\u00f3\u0142praca. Sp\u00f3jny design dopasowany do etapu marki.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/domisob.art\/en\/wspolpraca\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-30T15:21:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/domisob.art\\\/wspolpraca\\\/\",\"url\":\"https:\\\/\\\/domisob.art\\\/wspolpraca\\\/\",\"name\":\"Wsp\u00f3\u0142praca\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/domisob.art\\\/#website\"},\"datePublished\":\"2025-12-29T19:11:01+00:00\",\"dateModified\":\"2026-10-30T15:21:26+00:00\",\"description\":\"Wsp\u00f3\u0142praca projektowa w pakietach: start marki, rebranding i sta\u0142a wsp\u00f3\u0142praca. Sp\u00f3jny design dopasowany do etapu marki.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/domisob.art\\\/wspolpraca\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/domisob.art\\\/wspolpraca\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/domisob.art\\\/wspolpraca\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/domisob.art\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wsp\u00f3\u0142praca\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/domisob.art\\\/#website\",\"url\":\"https:\\\/\\\/domisob.art\\\/\",\"name\":\"domisob\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/domisob.art\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/domisob.art\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/domisob.art\\\/#organization\",\"name\":\"domisob\",\"url\":\"https:\\\/\\\/domisob.art\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/domisob.art\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/domisob.art\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/logo-domisob.png\",\"contentUrl\":\"https:\\\/\\\/domisob.art\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/logo-domisob.png\",\"width\":998,\"height\":334,\"caption\":\"domisob\"},\"image\":{\"@id\":\"https:\\\/\\\/domisob.art\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wsp\u00f3\u0142praca","description":"Wsp\u00f3\u0142praca projektowa w pakietach: start marki, rebranding i sta\u0142a wsp\u00f3\u0142praca. Sp\u00f3jny design dopasowany do etapu marki.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/domisob.art\/en\/wspolpraca\/","og_locale":"en_US","og_type":"article","og_title":"Wsp\u00f3\u0142praca","og_description":"Wsp\u00f3\u0142praca projektowa w pakietach: start marki, rebranding i sta\u0142a wsp\u00f3\u0142praca. Sp\u00f3jny design dopasowany do etapu marki.","og_url":"https:\/\/domisob.art\/en\/wspolpraca\/","article_modified_time":"2026-10-30T15:21:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/domisob.art\/wspolpraca\/","url":"https:\/\/domisob.art\/wspolpraca\/","name":"Wsp\u00f3\u0142praca","isPartOf":{"@id":"https:\/\/domisob.art\/#website"},"datePublished":"2025-12-29T19:11:01+00:00","dateModified":"2026-10-30T15:21:26+00:00","description":"Wsp\u00f3\u0142praca projektowa w pakietach: start marki, rebranding i sta\u0142a wsp\u00f3\u0142praca. Sp\u00f3jny design dopasowany do etapu marki.","breadcrumb":{"@id":"https:\/\/domisob.art\/wspolpraca\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/domisob.art\/wspolpraca\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/domisob.art\/wspolpraca\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/domisob.art\/"},{"@type":"ListItem","position":2,"name":"Wsp\u00f3\u0142praca"}]},{"@type":"WebSite","@id":"https:\/\/domisob.art\/#website","url":"https:\/\/domisob.art\/","name":"domisob","description":"","publisher":{"@id":"https:\/\/domisob.art\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/domisob.art\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/domisob.art\/#organization","name":"domisob","url":"https:\/\/domisob.art\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/domisob.art\/#\/schema\/logo\/image\/","url":"https:\/\/domisob.art\/wp-content\/uploads\/2025\/10\/logo-domisob.png","contentUrl":"https:\/\/domisob.art\/wp-content\/uploads\/2025\/10\/logo-domisob.png","width":998,"height":334,"caption":"domisob"},"image":{"@id":"https:\/\/domisob.art\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/domisob.art\/en\/wp-json\/wp\/v2\/pages\/1334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/domisob.art\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/domisob.art\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/domisob.art\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/domisob.art\/en\/wp-json\/wp\/v2\/comments?post=1334"}],"version-history":[{"count":311,"href":"https:\/\/domisob.art\/en\/wp-json\/wp\/v2\/pages\/1334\/revisions"}],"predecessor-version":[{"id":5796,"href":"https:\/\/domisob.art\/en\/wp-json\/wp\/v2\/pages\/1334\/revisions\/5796"}],"wp:attachment":[{"href":"https:\/\/domisob.art\/en\/wp-json\/wp\/v2\/media?parent=1334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}