{"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-09-15T22:03:20","modified_gmt":"2026-09-15T20:03:20","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,.kadence-column1334_b3c2d5-1b > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.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,.kadence-column1334_403808-3d > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.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: 1140px;\n  margin: 72px auto 92px;\n  padding: 0 20px;\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\n  width: 100%;\n\n  opacity: 0;\n  visibility: hidden;\n\n  filter: blur(14px);\n\n  transform:\n    translateY(4px);\n\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\n  filter: blur(0);\n\n  transform:\n    translateY(0);\n\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\n  filter: blur(16px) !important;\n\n  transform:\n    translateY(4px) !important;\n\n  pointer-events: none !important;\n\n  transition: none !important;\n}\n\n.domisob-collab__view.is-leaving{\n  opacity: 0 !important;\n  visibility: visible !important;\n\n  filter: blur(16px) !important;\n\n  transform:\n    translateY(4px) !important;\n\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\n\/* ==========================================\n   RESET NATYWNYCH EFEKT\u00d3W KLIKNI\u0118CIA\n\n   Windows \/ macOS \/ Android \/ iOS\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\n  -webkit-tap-highlight-color:\n    transparent !important;\n\n  -webkit-touch-callout:\n    none;\n\n  -webkit-user-select:\n    none;\n\n  user-select:\n    none;\n\n  -webkit-appearance:\n    none;\n\n  appearance:\n    none;\n}\n\n\n.domisob-collab__choice:focus,\n.domisob-collab__choice:focus-visible,\n.domisob-collab__choice:active,\n\n.domisob-collab__back:focus,\n.domisob-collab__back:focus-visible,\n.domisob-collab__back:active,\n\n.domisob-collab__package-info:focus,\n.domisob-collab__package-info:focus-visible,\n.domisob-collab__package-info:active,\n\n.domisob-collab__package-select:focus,\n.domisob-collab__package-select:focus-visible,\n.domisob-collab__package-select:active{\n  outline:\n    none !important;\n\n  -webkit-tap-highlight-color:\n    transparent !important;\n}\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\n.domisob-collab__package-info:visited,\n.domisob-collab__package-select:visited{\n  color:\n    #222 !important;\n}\n\n\n\/* ==========================================\n   DWIE G\u0141\u00d3WNE TAFLE\n   ========================================== *\/\n\n.domisob-collab__choices{\n  position: relative;\n  top: -25px;\n\n  width: 100%;\n  max-width: 1000px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap: 58px;\n\n  padding:\n    52px 18px\n    62px;\n}\n\n\n.domisob-collab__choice-shell{\n  position: relative;\n\n  min-width: 0;\n\n  --ds-x: 0px;\n  --ds-y: 0px;\n\n  --ds-rx: 0deg;\n  --ds-ry: 0deg;\n\n  --ds-mx: 50%;\n  --ds-my: 50%;\n}\n\n\n\/* ==========================================\n   WEJ\u015aCIE CHOOSERA \u2014 JEDEN SYSTEM\n\n   zero flashu\n   klik dzia\u0142a\n   hover dzia\u0142a\n   replay po \u201eWr\u00f3\u0107\u201d\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@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.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   \u015aWIAT\u0141O POD G\u0141\u00d3WNYMI TAFELAMI\n   ========================================== *\/\n\n.domisob-collab__choice-glow{\n  position: absolute;\n\n  inset:\n    -4%\n    -4%\n    -7%;\n\n  border-radius: 42px;\n\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\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\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\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\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\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\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\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\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\/* ==========================================\n   G\u0141\u00d3WNE TAFLE\n   ========================================== *\/\n\n.domisob-collab__choice{\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  min-height: 365px;\n\n  padding:\n    40px 38px\n    34px;\n\n  display: flex;\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:\n    none !important;\n\n  appearance: none;\n  -webkit-appearance: none;\n\n  cursor: pointer;\n\n  color: #111 !important;\n\n  text-align: center;\n\n  background:\n\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\n    inset 0 1px 0 rgba(255,255,255,.65),\n\n    inset 0 -1px 0 rgba(255,255,255,.13),\n\n    0 12px 28px rgba(92,45,145,.065);\n\n  transform:\n\n    perspective(900px)\n\n    rotateX(var(--ds-rx))\n\n    rotateY(var(--ds-ry))\n\n    translate3d(0,0,0);\n\n  transform-style: preserve-3d;\n\n  transition:\n\n    transform .62s cubic-bezier(.19,1,.22,1),\n\n    box-shadow .72s cubic-bezier(.19,1,.22,1),\n\n    background .72s ease;\n\n  -webkit-tap-highlight-color: transparent;\n\n  will-change: transform;\n}\n\n\n\/* \u015bwiat\u0142o na powierzchni *\/\n\n.domisob-collab__choice::before{\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  border-radius: inherit;\n\n  background:\n\n    radial-gradient(\n      circle at\n      var(--ds-mx)\n      var(--ds-my),\n\n      rgba(255,255,255,.45) 0%,\n\n      rgba(255,255,255,.18) 18%,\n\n      rgba(255,255,255,.04) 39%,\n\n      transparent 61%\n    ),\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\u015bwietlenie wybranej *\/\n\n.domisob-collab__choice::after{\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 1;\n\n  pointer-events: none;\n\n  border-radius: inherit;\n\n  opacity: 0;\n\n  background:\n\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\u0142y blur niewybranej *\/\n\n.domisob-collab__choice-whiteout{\n  position: absolute;\n\n  inset: -2px;\n\n  z-index: 6;\n\n  border-radius: inherit;\n\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 TAFEL\n   ========================================== *\/\n\n.domisob-collab__choice-content{\n  position: relative;\n\n  z-index: 3;\n\n  width: 100%;\n  min-height: 100%;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n}\n\n\n.domisob-collab__choice-title{\n  display: block;\n\n  margin:\n    0 0\n    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:\n    1.04;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    -.04em;\n\n  text-transform:\n    none !important;\n\n  color:\n    #5c2d91;\n}\n\n\n.domisob-collab__choice-desc{\n  display: block;\n\n  width: 100%;\n\n  max-width: 350px;\n\n  margin:\n    0 auto;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size:\n    14px;\n\n  line-height:\n    1.72;\n\n  font-weight:\n    400;\n\n  letter-spacing:\n    normal;\n\n  text-transform:\n    none !important;\n\n  color:\n    rgba(17,17,17,.67);\n}\n\n\n.domisob-collab__choice-action{\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  margin-top: 0;\n\n  padding-top:\n    34px;\n\n  font-family:\n    \"Bricolage Grotesque\",\n    sans-serif;\n\n  font-size:\n    14px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    normal;\n\n  text-transform:\n    none !important;\n\n  color:\n    #282828;\n\n  transition:\n\n    gap .45s cubic-bezier(.19,1,.22,1),\n\n    color .45s ease;\n}\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 TAFEL\n   ========================================== *\/\n\n@media (hover:hover) and (pointer:fine){\n\n  .domisob-collab__choice-shell:hover\n  .domisob-collab__choice-glow{\n\n    opacity: .96;\n\n    filter:\n      blur(29px)\n      saturate(1.19);\n  }\n\n\n  .domisob-collab__choice-shell:hover\n  .domisob-collab__choice{\n\n    box-shadow:\n\n      inset 0 1px 0 rgba(255,255,255,.72),\n\n      inset 0 -1px 0 rgba(255,255,255,.15),\n\n      0 17px 38px rgba(92,45,145,.095);\n  }\n\n\n  .domisob-collab__choice-shell:hover\n  .domisob-collab__choice::before{\n\n    opacity: 1;\n  }\n\n\n  .domisob-collab__choice-shell:hover\n  .domisob-collab__choice-action{\n\n    gap: 13px;\n\n    color:\n      #5c2d91;\n  }\n\n\n  .domisob-collab__choice-shell:hover\n  .domisob-collab__choice-action span{\n\n    transform:\n      translateX(4px);\n  }\n\n}\n\n\n\/* ==========================================\n   DOTYK G\u0141\u00d3WNYCH TAFEL\n   ========================================== *\/\n\n.domisob-collab__choice-shell.is-touching\n.domisob-collab__choice-glow{\n\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\n.domisob-collab__choice-shell.is-selected\n.domisob-collab__choice{\n\n  transform:\n\n    perspective(900px)\n\n    rotateX(0)\n\n    rotateY(0)\n\n    scale(1.014);\n\n  box-shadow:\n\n    inset 0 1px 0 rgba(255,255,255,.74),\n\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\n.domisob-collab__choice-shell.is-selected\n.domisob-collab__choice::after{\n\n  opacity: 1;\n}\n\n\n.domisob-collab__choice-shell.is-selected\n.domisob-collab__choice-glow{\n\n  opacity: 1;\n\n  filter:\n    blur(28px)\n    saturate(1.22);\n\n  transform:\n\n    translate3d(\n      var(--ds-x),\n      var(--ds-y),\n      0\n    )\n\n    scale(1.05);\n}\n\n\n.domisob-collab__choice-shell.is-unselected{\n\n  opacity: 0;\n\n  filter:\n    blur(15px)\n    saturate(.36);\n\n  transform:\n    scale(.985);\n\n  transition:\n\n    opacity 1.35s cubic-bezier(.19,1,.22,1),\n\n    filter 1.35s cubic-bezier(.19,1,.22,1),\n\n    transform 1.35s cubic-bezier(.19,1,.22,1);\n}\n\n\n.domisob-collab__choice-shell.is-unselected\n.domisob-collab__choice-whiteout{\n\n  opacity: 1;\n}\n\n\n\/* ==========================================\n   POWR\u00d3T\n   ========================================== *\/\n\n.domisob-collab__back-wrap{\n  width: 100%;\n\n  margin:\n    8px 0\n    38px;\n\n  display: flex;\n\n  justify-content:\n    flex-start;\n}\n\n\n.domisob-collab__back{\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  min-height: 38px;\n\n  padding:\n    9px 15px;\n\n  border-radius:\n    13px !important;\n\n  border:\n    1px solid rgba(255,255,255,.44) !important;\n\n  outline:\n    none !important;\n\n  cursor: pointer;\n\n  appearance: none;\n\n  -webkit-appearance: none;\n\n  background:\n\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\n    inset 0 1px 0 rgba(255,255,255,.58),\n\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:\n    12.5px;\n\n  line-height:\n    1;\n\n  font-weight:\n    500;\n\n  text-transform:\n    none !important;\n\n  color:\n    rgba(17,17,17,.68) !important;\n\n  transition:\n\n    gap .4s cubic-bezier(.19,1,.22,1),\n\n    background .4s ease,\n\n    color .4s ease,\n\n    box-shadow .4s ease,\n\n    transform .4s cubic-bezier(.19,1,.22,1);\n\n  -webkit-tap-highlight-color:\n    transparent;\n}\n\n\n.domisob-collab__back:hover{\n\n  gap: 12px;\n\n  color:\n    #5c2d91 !important;\n\n  transform:\n    translateY(-1px);\n\n  background:\n    rgba(255,255,255,.55) !important;\n\n  box-shadow:\n\n    inset 0 1px 0 rgba(255,255,255,.66),\n\n    0 7px 20px rgba(92,45,145,.09) !important;\n}\n\n\n\/* ==========================================\n   TRZY MODELE WSP\u00d3\u0141PRACY\n   ========================================== *\/\n\n.domisob-collab__packages{\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap: 28px;\n\n  padding:\n    12px 10px\n    46px;\n}\n\n\n.domisob-collab__package{\n\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\n    opacity 1.3s cubic-bezier(.19,1,.22,1),\n\n    filter 1.3s cubic-bezier(.19,1,.22,1),\n\n    transform 1.3s cubic-bezier(.19,1,.22,1);\n\n  isolation:\n    isolate;\n\n  touch-action:\n    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\n.domisob-collab__package.is-revealed{\n\n  opacity: 1;\n\n  filter:\n    blur(0);\n\n  transform:\n    translateY(0);\n}\n\n\n\/* \u015bwiat\u0142o pod kart\u0105 *\/\n\n.domisob-collab__package-light{\n\n  position: absolute;\n\n  inset:\n    1%\n    1%\n    -4%;\n\n  z-index:\n    -1;\n\n  border-radius:\n    35px;\n\n  background:\n\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\n    radial-gradient(\n      ellipse at 82% 24%,\n      rgba(222,67,169,.18) 0%,\n      transparent 61%\n    ),\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:\n    .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\n    opacity .7s ease,\n\n    filter .7s ease,\n\n    transform .7s cubic-bezier(.19,1,.22,1);\n\n  will-change:\n    transform;\n}\n\n\n.domisob-collab__package-content{\n\n  position: relative;\n\n  height: 100%;\n\n  padding:\n    31px 25px\n    25px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  border-radius:\n    27px;\n\n  overflow: hidden;\n\n  background:\n\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\n    inset 0 1px 0 rgba(255,255,255,.72),\n\n    0 11px 27px rgba(92,45,145,.06);\n\n  transform:\n\n    perspective(1050px)\n\n    rotateX(var(--ds-package-rx))\n\n    rotateY(var(--ds-package-ry))\n\n    translate3d(0,0,0);\n\n  transform-style:\n    preserve-3d;\n\n  transition:\n\n    transform .62s cubic-bezier(.19,1,.22,1),\n\n    box-shadow .65s ease;\n\n  will-change:\n    transform;\n}\n\n\n\/* \u015bwiat\u0142o na tafli pakietu *\/\n\n.domisob-collab__package-content::before{\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 1;\n\n  pointer-events: none;\n\n  border-radius: inherit;\n\n  background:\n\n    radial-gradient(\n      circle at\n      var(--ds-package-mx)\n      var(--ds-package-my),\n\n      rgba(255,255,255,.36) 0%,\n\n      rgba(255,255,255,.15) 18%,\n\n      rgba(255,255,255,.035) 40%,\n\n      transparent 62%\n    );\n\n  opacity:\n    .64;\n\n  transition:\n    opacity .65s ease;\n}\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:\n    relative;\n\n  z-index:\n    2;\n}\n\n\n.domisob-collab__package-title{\n\n  min-height:\n    66px;\n\n  margin:\n    0 0 13px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  text-align: center;\n\n  font-family:\n    \"Bricolage Grotesque\",\n    sans-serif;\n\n  font-size:\n    28px;\n\n  line-height:\n    1.1;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    -.035em;\n\n  text-transform:\n    none !important;\n\n  color:\n    #5c2d91;\n}\n\n\n.domisob-collab__package-desc{\n\n  min-height:\n    90px;\n\n  max-width:\n    280px;\n\n  margin:\n    0 auto 24px;\n\n  text-align:\n    center;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size:\n    13.5px;\n\n  line-height:\n    1.65;\n\n  text-transform:\n    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\n  width: 100%;\n\n  min-height: 43px;\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  border-radius:\n    999px;\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  color:\n    #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\n    inset 0 1px 0 rgba(255,255,255,.76),\n\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\n.domisob-collab__package-info:hover,\n.domisob-collab__package-select:hover{\n\n  color:\n    #5c2d91 !important;\n\n  transform:\n    none;\n\n  background:\n    rgba(248,244,255,.78);\n\n  box-shadow:\n\n    inset 0 1px 0 rgba(255,255,255,.88),\n\n    inset 0 0 0 1px rgba(151,71,255,.06),\n\n    0 8px 22px rgba(92,45,145,.13);\n}\n\n\n.domisob-collab__package-info:active,\n.domisob-collab__package-select:active{\n\n  color:\n    #5c2d91 !important;\n\n  transform:\n    none;\n\n  background:\n    rgba(248,244,255,.78) !important;\n\n  box-shadow:\n\n    inset 0 1px 0 rgba(255,255,255,.88),\n\n    inset 0 0 0 1px rgba(151,71,255,.06),\n\n    0 8px 22px rgba(92,45,145,.13) !important;\n}\n\n\n.domisob-collab__package-select{\n\n  margin-top:\n    auto;\n\n  background:\n    rgba(255,255,255,.70);\n\n  box-shadow:\n\n    inset 0 1px 0 rgba(255,255,255,.84),\n\n    0 8px 21px rgba(92,45,145,.095);\n}\n\n\n\/* ==========================================\n   CENA\n   ========================================== *\/\n\n.domisob-collab__price{\n\n  width: 100%;\n\n  margin:\n    21px 0\n    23px;\n\n  text-align:\n    center;\n}\n\n\n.domisob-collab__price-main{\n\n  display: block;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size:\n    13px;\n\n  line-height:\n    1.45;\n\n  font-weight:\n    500;\n\n  text-transform:\n    none !important;\n\n  color:\n    rgba(17,17,17,.58);\n}\n\n\n.domisob-collab__price-note{\n\n  display: block;\n\n  margin-top:\n    4px;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size:\n    11px;\n\n  line-height:\n    1.4;\n\n  text-transform:\n    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\n    opacity:\n      .88;\n\n    filter:\n      blur(24px)\n      saturate(1.19);\n\n    transform:\n\n      translate3d(\n        var(--ds-package-x),\n        var(--ds-package-y),\n        0\n      )\n\n      scale(1.018);\n  }\n\n\n  .domisob-collab__package:hover\n  .domisob-collab__package-content{\n\n    box-shadow:\n\n      inset 0 1px 0 rgba(255,255,255,.76),\n\n      0 15px 34px rgba(92,45,145,.08);\n  }\n\n\n  .domisob-collab__package:hover\n  .domisob-collab__package-content::before{\n\n    opacity:\n      .92;\n  }\n\n}\n\n\n.domisob-collab__package.is-interacting\n.domisob-collab__package-light{\n\n  opacity:\n    .86;\n\n  filter:\n    blur(24px)\n    saturate(1.17);\n}\n\n\n\/* ==========================================\n   BRAND EXPERIENCE \u2014 WKR\u00d3TCE\n   ========================================== *\/\n\n.domisob-collab__soon-shell{\n\n  position: relative;\n\n  width: 100%;\n  max-width: 780px;\n\n  margin:\n    0 auto 24px;\n\n  padding:\n    24px 18px\n    38px;\n\n  opacity:\n    0;\n\n  filter:\n    blur(13px);\n\n  transform:\n    translateY(5px);\n\n  transition:\n\n    opacity 1.3s cubic-bezier(.19,1,.22,1),\n\n    filter 1.3s cubic-bezier(.19,1,.22,1),\n\n    transform 1.3s cubic-bezier(.19,1,.22,1);\n\n  isolation:\n    isolate;\n\n  touch-action:\n    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\n.domisob-collab__soon-shell.is-revealed{\n\n  opacity:\n    1;\n\n  filter:\n    blur(0);\n\n  transform:\n    translateY(0);\n}\n\n\n.domisob-collab__soon-light{\n\n  position: absolute;\n\n  inset:\n    1%\n    1%\n    -4%;\n\n  z-index:\n    -1;\n\n  border-radius:\n    40px;\n\n  background:\n\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\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\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:\n    .76;\n\n  pointer-events:\n    none;\n\n  transform:\n\n    translate3d(\n      var(--ds-soon-x),\n      var(--ds-soon-y),\n      0\n    )\n\n    scale(1);\n\n  transition:\n\n    opacity .7s ease,\n\n    filter .7s ease,\n\n    transform .7s cubic-bezier(.19,1,.22,1);\n\n  will-change:\n    transform;\n}\n\n\n.domisob-collab__soon{\n\n  position: relative;\n  z-index: 1;\n\n  padding:\n\n    clamp(46px,7vw,72px)\n\n    clamp(25px,6vw,60px);\n\n  text-align:\n    center;\n\n  overflow:\n    hidden;\n\n  border-radius:\n    30px;\n\n  background:\n\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\n    inset 0 1px 0 rgba(255,255,255,.70),\n\n    0 13px 31px rgba(92,45,145,.07);\n\n  transform:\n\n    perspective(1050px)\n\n    rotateX(var(--ds-soon-rx))\n\n    rotateY(var(--ds-soon-ry))\n\n    translate3d(0,0,0);\n\n  transform-style:\n    preserve-3d;\n\n  transition:\n\n    transform .62s cubic-bezier(.19,1,.22,1),\n\n    box-shadow .65s ease;\n\n  will-change:\n    transform;\n}\n\n\n.domisob-collab__soon::before{\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 1;\n\n  border-radius: inherit;\n\n  pointer-events: none;\n\n  background:\n\n    radial-gradient(\n      circle at\n      var(--ds-soon-mx)\n      var(--ds-soon-my),\n\n      rgba(255,255,255,.37) 0%,\n\n      rgba(255,255,255,.15) 18%,\n\n      rgba(255,255,255,.035) 40%,\n\n      transparent 62%\n    );\n\n  opacity:\n    .66;\n\n  transition:\n    opacity .65s ease;\n}\n\n\n.domisob-collab__soon h3,\n.domisob-collab__soon p,\n.domisob-collab__soon-note{\n\n  position:\n    relative;\n\n  z-index:\n    2;\n}\n\n\n.domisob-collab__soon h3{\n\n  margin:\n    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:\n    1.04;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    -.045em;\n\n  text-transform:\n    none !important;\n\n  color:\n    #5c2d91;\n}\n\n\n.domisob-collab__soon p{\n\n  max-width:\n    600px;\n\n  margin:\n    0 auto 14px;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size:\n    14.5px;\n\n  line-height:\n    1.75;\n\n  text-transform:\n    none !important;\n\n  color:\n    rgba(17,17,17,.65);\n}\n\n\n.domisob-collab__soon p:last-of-type{\n\n  margin-bottom:\n    0;\n}\n\n\n.domisob-collab__soon-note{\n\n  display:\n    inline-block;\n\n  margin-top:\n    26px;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    sans-serif;\n\n  font-size:\n    12px;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    .02em;\n\n  text-transform:\n    none !important;\n\n  color:\n    rgba(92,45,145,.60);\n}\n\n\n\/* interakcja Brand Experience *\/\n\n@media (hover:hover) and (pointer:fine){\n\n  .domisob-collab__soon-shell:hover\n  .domisob-collab__soon-light{\n\n    opacity:\n      .91;\n\n    filter:\n      blur(28px)\n      saturate(1.18);\n\n    transform:\n\n      translate3d(\n        var(--ds-soon-x),\n        var(--ds-soon-y),\n        0\n      )\n\n      scale(1.018);\n  }\n\n\n  .domisob-collab__soon-shell:hover\n  .domisob-collab__soon{\n\n    box-shadow:\n\n      inset 0 1px 0 rgba(255,255,255,.75),\n\n      0 17px 37px rgba(92,45,145,.085);\n  }\n\n\n  .domisob-collab__soon-shell:hover\n  .domisob-collab__soon::before{\n\n    opacity:\n      .94;\n  }\n\n}\n\n\n.domisob-collab__soon-shell.is-interacting\n.domisob-collab__soon-light{\n\n  opacity:\n    .89;\n\n  filter:\n    blur(28px)\n    saturate(1.17);\n}\n\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width:900px){\n\n  .domisob-collab{\n\n    margin:\n      60px auto\n      76px;\n\n    padding:\n      0 20px;\n  }\n\n\n  .domisob-collab__choices{\n\n    max-width:\n      620px;\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      34px;\n\n    padding:\n      46px 10px\n      54px;\n  }\n\n\n  .domisob-collab__choice{\n\n    min-height:\n      315px;\n  }\n\n\n  .domisob-collab__packages{\n\n    max-width:\n      620px;\n\n    margin:\n      0 auto;\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      28px;\n\n    padding:\n      12px 10px\n      46px;\n  }\n\n\n  .domisob-collab__package{\n\n    min-height:\n      410px;\n  }\n\n\n  .domisob-collab__package-title,\n  .domisob-collab__package-desc{\n\n    min-height:\n      auto;\n  }\n\n}\n\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width:640px){\n\n  .domisob-collab{\n\n    margin:\n      48px auto\n      64px;\n\n    padding:\n      0 16px;\n  }\n\n\n  .domisob-collab__choices{\n\n    gap:\n      28px;\n\n    padding:\n      38px 4px\n      48px;\n  }\n\n\n  .domisob-collab__choice{\n\n    min-height:\n      300px;\n\n    padding:\n      34px 23px\n      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\n  .domisob-collab__choice-glow{\n\n    filter:\n      blur(22px)\n      saturate(1.05);\n\n    opacity:\n      .69;\n  }\n\n\n  .domisob-collab__choice-title{\n\n    font-size:\n      30px;\n  }\n\n\n  .domisob-collab__choice-desc{\n\n    font-size:\n      13.5px;\n\n    line-height:\n      1.67;\n  }\n\n\n  .domisob-collab__choice-action{\n\n    font-size:\n      13px;\n\n    padding-top:\n      28px;\n  }\n\n\n  .domisob-collab__back-wrap{\n\n    margin:\n      8px 4px\n      30px;\n  }\n\n\n  .domisob-collab__back{\n\n    min-height:\n      36px;\n\n    padding:\n      8px 13px;\n\n    font-size:\n      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\n  .domisob-collab__packages{\n\n    padding:\n      8px 4px\n      38px;\n  }\n\n\n  \/* MOBILE:\n     naturalna wysoko\u015b\u0107 kart,\n     bez sztucznego pustego miejsca *\/\n\n  .domisob-collab__package{\n\n    min-height:\n      0;\n  }\n\n\n  .domisob-collab__package-content{\n\n    height:\n      auto;\n\n    padding:\n      28px 20px\n      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\n  .domisob-collab__package-title{\n\n    font-size:\n      27px;\n  }\n\n\n  .domisob-collab__package-desc{\n\n    font-size:\n      13.5px;\n  }\n\n\n  .domisob-collab__package-info,\n  .domisob-collab__package-select{\n\n    min-height:\n      42px;\n\n    font-size:\n      13px;\n  }\n\n\n  \/* sta\u0142y rytm:\n     info \u2192 cena \u2192 CTA *\/\n\n  .domisob-collab__price{\n\n    margin:\n      21px 0\n      0;\n  }\n\n\n  .domisob-collab__package-select{\n\n    margin-top:\n      23px;\n  }\n\n\n  .domisob-collab__soon-shell{\n\n    padding:\n      14px 4px\n      34px;\n  }\n\n\n  .domisob-collab__soon{\n\n    padding:\n      44px 22px;\n\n    border-radius:\n      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\n  .domisob-collab__soon h3{\n\n    font-size:\n      35px;\n  }\n\n\n  .domisob-collab__soon p{\n\n    font-size:\n      13.5px;\n\n    line-height:\n      1.7;\n  }\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      1140px,\n      calc(100vw - 40px)\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  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   WSP\u00d3LNA LINIA MARGINES\u00d3W\n   zgodna z sekcj\u0105 \u201eNo\u015bniki do\u015bwiadczenia marki\u201d\n\n   Bez transform na ca\u0142ym module,\n   wi\u0119c liquid glass \/ 3D \/ hover zostaj\u0105 bez zmian.\n   ========================================== *\/\n\n\/* 901\u20131180 px: 16 px od kraw\u0119dzi *\/\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  .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\/* 641\u2013900 px: 24 px od kraw\u0119dzi *\/\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\/* do 640 px: 16 px od kraw\u0119dzi *\/\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\/* do 480 px: 14 px od kraw\u0119dzi *\/\n@media (max-width:480px){\n\n  .domisob-collab{\n    padding-left: 14px !important;\n    padding-right: 14px !important;\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\n    animation:\n      none !important;\n\n    transition:\n      none !important;\n  }\n\n\n  .domisob-collab__view,\n  .domisob-collab__package,\n  .domisob-collab__soon-shell,\n  .domisob-collab__choice-shell{\n\n    opacity:\n      1 !important;\n\n    filter:\n      none !important;\n\n    transform:\n      none !important;\n  }\n\n  .domisob-collab [data-collab-view=\"chooser\"] .domisob-collab__choice-shell{\n    animation: none !important;\n    pointer-events: auto !important;\n  }\n\n}\n\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const section =\n    document.querySelector(\n      \"[data-domisob-collab]\"\n    );\n\n\n  if (!section) {\n    return;\n  }\n\n\n  \/*\n    Czy\u015bcimy klasy ze starej wersji,\n    je\u015bli np. cache przegl\u0105darki\n    zachowa\u0142 poprzedni stan.\n  *\/\n\n  section.classList.remove(\n    \"is-choice-intro\"\n  );\n\n\n  const stage =\n    section.querySelector(\n      \"[data-collab-stage]\"\n    );\n\n\n  const prefersReducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  const finePointer =\n    window.matchMedia(\n      \"(hover: hover) and (pointer: fine)\"\n    ).matches;\n\n\n  const views =\n    Array.from(\n      section.querySelectorAll(\n        \"[data-collab-view]\"\n      )\n    );\n\n\n  const choiceButtons =\n    Array.from(\n      section.querySelectorAll(\n        \"[data-collab-choice]\"\n      )\n    );\n\n\n  const choiceShells =\n    Array.from(\n      section.querySelectorAll(\n        \"[data-choice-shell]\"\n      )\n    );\n\n\n  const backButtons =\n    Array.from(\n      section.querySelectorAll(\n        \"[data-collab-back]\"\n      )\n    );\n\n\n  const packageCards =\n    Array.from(\n      section.querySelectorAll(\n        \"[data-package-card]\"\n      )\n    );\n\n\n  const experienceShell =\n    section.querySelector(\n      \".domisob-collab__soon-shell\"\n    );\n\n\n  let activeView =\n    section.querySelector(\n      \"[data-collab-view].is-active\"\n    );\n\n\n  let isChangingView =\n    false;\n\n\n  \/* =====================================\n     CZASY\n     ===================================== *\/\n\n  const leaveTime =\n    900;\n\n  const breathingTime =\n    70;\n\n  const enterTime =\n    1150;\n\n  const choiceHoldTime =\n    950;\n\n\n  \/* =====================================\n     STAGGER PAKIET\u00d3W\n     ===================================== *\/\n\n  const revealInitialDelay =\n    220;\n\n  const revealStagger =\n    230;\n\n\n  \/* =====================================\n     MOBILE \u2014 TAP VS SCROLL\n     ===================================== *\/\n\n  const touchPressDelay =\n    90;\n\n  const touchVerticalIntent =\n    8;\n\n  const touchCancelDistance =\n    18;\n\n  const touchSuppressTime =\n    500;\n\n\n  const touchStates =\n    new WeakMap();\n\n\n  \/* =====================================\n     WYSOKO\u015a\u0106 SCENY\n     ===================================== *\/\n\n  function updateStageHeight(\n    view\n  ) {\n\n    if (\n      !stage ||\n      !view\n    ) {\n      return;\n    }\n\n\n    stage.style.height =\n      view.scrollHeight +\n      \"px\";\n\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 =\n      element.getBoundingClientRect();\n\n\n    const x =\n      Math.max(\n        0,\n        Math.min(\n          1,\n          (\n            clientX -\n            rect.left\n          ) \/\n          rect.width\n        )\n      );\n\n\n    const y =\n      Math.max(\n        0,\n        Math.min(\n          1,\n          (\n            clientY -\n            rect.top\n          ) \/\n          rect.height\n        )\n      );\n\n\n    const centeredX =\n      x - .5;\n\n\n    const centeredY =\n      y - .5;\n\n\n    const rotateY =\n      centeredX *\n      strength;\n\n\n    const rotateX =\n      centeredY *\n      -strength *\n      .82;\n\n\n    const lightX =\n      centeredX *\n      lightStrength;\n\n\n    const lightY =\n      centeredY *\n      lightStrength *\n      .78;\n\n\n    element.style.setProperty(\n      prefix + \"-ry\",\n      rotateY.toFixed(2) +\n      \"deg\"\n    );\n\n\n    element.style.setProperty(\n      prefix + \"-rx\",\n      rotateX.toFixed(2) +\n      \"deg\"\n    );\n\n\n    element.style.setProperty(\n      prefix + \"-x\",\n      lightX.toFixed(2) +\n      \"px\"\n    );\n\n\n    element.style.setProperty(\n      prefix + \"-y\",\n      lightY.toFixed(2) +\n      \"px\"\n    );\n\n\n    element.style.setProperty(\n      prefix + \"-mx\",\n      (x * 100).toFixed(1) +\n      \"%\"\n    );\n\n\n    element.style.setProperty(\n      prefix + \"-my\",\n      (y * 100).toFixed(1) +\n      \"%\"\n    );\n\n  }\n\n\n  function resetMotion(\n    element,\n    prefix\n  ) {\n\n    element.style.setProperty(\n      prefix + \"-x\",\n      \"0px\"\n    );\n\n\n    element.style.setProperty(\n      prefix + \"-y\",\n      \"0px\"\n    );\n\n\n    element.style.setProperty(\n      prefix + \"-rx\",\n      \"0deg\"\n    );\n\n\n    element.style.setProperty(\n      prefix + \"-ry\",\n      \"0deg\"\n    );\n\n\n    element.style.setProperty(\n      prefix + \"-mx\",\n      \"50%\"\n    );\n\n\n    element.style.setProperty(\n      prefix + \"-my\",\n      \"50%\"\n    );\n\n  }\n\n\n  \/* =====================================\n     G\u0141\u00d3WNE TAFLE\n     ===================================== *\/\n\n  function resetChoiceState() {\n\n    choiceShells.forEach(\n      function (shell) {\n\n        shell.classList.remove(\n          \"is-selected\",\n          \"is-unselected\",\n          \"is-touching\",\n          \"is-choice-revealed\"\n        );\n\n\n        resetMotion(\n          shell,\n          \"--ds\"\n        );\n\n      }\n    );\n\n  }\n\n\n  \/* =====================================\n     PAKIETY\n     ===================================== *\/\n\n  function resetPackages() {\n\n    packageCards.forEach(\n      function (card) {\n\n        card.classList.remove(\n          \"is-revealed\",\n          \"is-interacting\"\n        );\n\n\n        resetMotion(\n          card,\n          \"--ds-package\"\n        );\n\n      }\n    );\n\n  }\n\n\n  function revealPackages() {\n\n    resetPackages();\n\n\n    packageCards.forEach(\n      function (\n        card,\n        index\n      ) {\n\n        window.setTimeout(\n          function () {\n\n            card.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\n\n  \/* =====================================\n     BRAND EXPERIENCE\n     ===================================== *\/\n\n  function resetExperience() {\n\n    if (!experienceShell) {\n      return;\n    }\n\n\n    experienceShell.classList.remove(\n      \"is-revealed\",\n      \"is-interacting\"\n    );\n\n\n    resetMotion(\n      experienceShell,\n      \"--ds-soon\"\n    );\n\n  }\n\n\n  function revealExperience() {\n\n    if (!experienceShell) {\n      return;\n    }\n\n\n    resetExperience();\n\n\n    if (prefersReducedMotion) {\n\n      experienceShell.classList.add(\n        \"is-revealed\"\n      );\n\n      return;\n    }\n\n\n    window.setTimeout(\n      function () {\n\n        experienceShell.classList.add(\n          \"is-revealed\"\n        );\n\n      },\n\n      revealInitialDelay\n\n    );\n\n  }\n\n\n  function findView(\n    name\n  ) {\n\n    return views.find(\n      function (view) {\n\n        return (\n          view.getAttribute(\n            \"data-collab-view\"\n          ) === name\n        );\n\n      }\n    );\n\n  }\n\n\n  \/* =====================================\n     ZMIANA WIDOKU\n     ===================================== *\/\n\n  function switchView(\n    name\n  ) {\n\n    const nextView =\n      findView(\n        name\n      );\n\n\n    if (\n      !nextView ||\n      nextView === activeView\n    ) {\n      return;\n    }\n\n\n    const previousView =\n      activeView;\n\n\n    if (prefersReducedMotion) {\n\n      previousView.classList.remove(\n        \"is-active\",\n        \"is-leaving\",\n        \"is-entering\"\n      );\n\n\n      previousView.setAttribute(\n        \"aria-hidden\",\n        \"true\"\n      );\n\n\n      nextView.classList.add(\n        \"is-active\"\n      );\n\n\n      nextView.setAttribute(\n        \"aria-hidden\",\n        \"false\"\n      );\n\n\n      activeView =\n        nextView;\n\n\n      updateStageHeight(\n        activeView\n      );\n\n\n      if (\n        name === \"packages\"\n      ) {\n\n        resetExperience();\n\n\n        packageCards.forEach(\n          function (card) {\n\n            card.classList.add(\n              \"is-revealed\"\n            );\n\n          }\n        );\n\n      } else if (\n        name === \"experience\"\n      ) {\n\n        resetPackages();\n\n        revealExperience();\n\n      } else {\n\n        resetPackages();\n\n        resetExperience();\n\n        resetChoiceState();\n\n      }\n\n\n      return;\n\n    }\n\n\n    previousView.classList.add(\n      \"is-leaving\"\n    );\n\n\n    window.setTimeout(\n      function () {\n\n        previousView.classList.remove(\n          \"is-active\",\n          \"is-leaving\"\n        );\n\n\n        previousView.setAttribute(\n          \"aria-hidden\",\n          \"true\"\n        );\n\n\n        nextView.classList.add(\n          \"is-entering\"\n        );\n\n\n        nextView.setAttribute(\n          \"aria-hidden\",\n          \"false\"\n        );\n\n\n        updateStageHeight(\n          nextView\n        );\n\n\n        window.setTimeout(\n          function () {\n\n            window.requestAnimationFrame(\n              function () {\n\n                window.requestAnimationFrame(\n                  function () {\n\n                    nextView.classList.remove(\n                      \"is-entering\"\n                    );\n\n\n                    nextView.classList.add(\n                      \"is-active\"\n                    );\n\n\n                    activeView =\n                      nextView;\n\n\n                    if (\n                      name ===\n                      \"packages\"\n                    ) {\n\n                      resetExperience();\n\n                      revealPackages();\n\n                    } else if (\n                      name ===\n                      \"experience\"\n                    ) {\n\n                      resetPackages();\n\n                      revealExperience();\n\n                    } else {\n\n                      resetPackages();\n\n                      resetExperience();\n\n                      resetChoiceState();\n\n                    }\n\n                  }\n                );\n\n              }\n            );\n\n          },\n\n          breathingTime\n\n        );\n\n      },\n\n      leaveTime\n\n    );\n\n  }\n\n\n  \/* =====================================\n     WYB\u00d3R KIERUNKU\n     ===================================== *\/\n\n  function chooseDirection(\n    button\n  ) {\n\n    if (isChangingView) {\n      return;\n    }\n\n\n    const selectedShell =\n      button.closest(\n        \"[data-choice-shell]\"\n      );\n\n\n    if (!selectedShell) {\n      return;\n    }\n\n\n    const choice =\n      button.getAttribute(\n        \"data-collab-choice\"\n      );\n\n\n    isChangingView =\n      true;\n\n\n    choiceShells.forEach(\n      function (shell) {\n\n        if (\n          shell ===\n          selectedShell\n        ) {\n\n          shell.classList.add(\n            \"is-selected\"\n          );\n\n\n          shell.classList.remove(\n            \"is-unselected\"\n          );\n\n        } else {\n\n          shell.classList.add(\n            \"is-unselected\"\n          );\n\n\n          shell.classList.remove(\n            \"is-selected\"\n          );\n\n        }\n\n      }\n    );\n\n\n    const nextView =\n      choice ===\n      \"experience\"\n        ? \"experience\"\n        : \"packages\";\n\n\n    window.setTimeout(\n      function () {\n\n        switchView(\n          nextView\n        );\n\n      },\n\n      prefersReducedMotion\n        ? 0\n        : choiceHoldTime\n\n    );\n\n\n    const fullTransition =\n      choiceHoldTime +\n      leaveTime +\n      breathingTime +\n      enterTime;\n\n\n    window.setTimeout(\n      function () {\n\n        isChangingView =\n          false;\n\n      },\n\n      prefersReducedMotion\n        ? 0\n        : fullTransition\n\n    );\n\n  }\n\n\n  \/* =====================================\n     POWR\u00d3T\n     ===================================== *\/\n\n  function returnToChooser() {\n\n    if (isChangingView) {\n      return;\n    }\n\n\n    isChangingView =\n      true;\n\n\n    \/*\n      Usuwamy stare selected\/unselected\n      jeszcze kiedy chooser jest ukryty.\n\n      Po ponownym dodaniu is-active\n      CSS sam uruchomi jego stagger reveal.\n    *\/\n\n    resetChoiceState();\n\n\n    switchView(\n      \"chooser\"\n    );\n\n\n    const fullTransition =\n      leaveTime +\n      breathingTime +\n      enterTime;\n\n\n    window.setTimeout(\n      function () {\n\n        isChangingView =\n          false;\n\n      },\n\n      prefersReducedMotion\n        ? 0\n        : fullTransition\n\n    );\n\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\n    surface.style.touchAction =\n      \"pan-y\";\n\n\n    surface.addEventListener(\n      \"pointerdown\",\n      function (event) {\n\n        if (\n          event.pointerType ===\n          \"mouse\"\n        ) {\n          return;\n        }\n\n\n        const state = {\n\n          pointerId:\n            event.pointerId,\n\n          startX:\n            event.clientX,\n\n          startY:\n            event.clientY,\n\n          moved:\n            false,\n\n          pressed:\n            false,\n\n          suppressUntil:\n            0,\n\n          timer:\n            null\n\n        };\n\n\n        state.timer =\n          window.setTimeout(\n            function () {\n\n              if (\n                state.moved\n              ) {\n                return;\n              }\n\n\n              state.pressed =\n                true;\n\n\n              onPress(\n                event.clientX,\n                event.clientY\n              );\n\n            },\n\n            touchPressDelay\n\n          );\n\n\n        touchStates.set(\n          surface,\n          state\n        );\n\n      }\n    );\n\n\n    surface.addEventListener(\n      \"pointermove\",\n      function (event) {\n\n        const state =\n          touchStates.get(\n            surface\n          );\n\n\n        if (\n          !state ||\n          state.pointerId !==\n          event.pointerId ||\n          state.moved\n        ) {\n          return;\n        }\n\n\n        const dx =\n          Math.abs(\n            event.clientX -\n            state.startX\n          );\n\n\n        const dy =\n          Math.abs(\n            event.clientY -\n            state.startY\n          );\n\n\n        const distance =\n          Math.hypot(\n            dx,\n            dy\n          );\n\n\n        const verticalScrollIntent =\n          (\n            dy >=\n            touchVerticalIntent\n          ) &&\n          (\n            dy >\n            dx *\n            .75\n          );\n\n\n        const movedEnough =\n          distance >=\n          touchCancelDistance;\n\n\n        if (\n          verticalScrollIntent ||\n          movedEnough\n        ) {\n\n          state.moved =\n            true;\n\n\n          state.suppressUntil =\n            performance.now() +\n            touchSuppressTime;\n\n\n          if (\n            state.timer\n          ) {\n\n            window.clearTimeout(\n              state.timer\n            );\n\n          }\n\n\n          onRelease();\n\n        }\n\n      }\n    );\n\n\n    surface.addEventListener(\n      \"pointerup\",\n      function (event) {\n\n        const state =\n          touchStates.get(\n            surface\n          );\n\n\n        if (\n          !state ||\n          state.pointerId !==\n          event.pointerId\n        ) {\n          return;\n        }\n\n\n        if (\n          state.timer\n        ) {\n\n          window.clearTimeout(\n            state.timer\n          );\n\n        }\n\n\n        if (\n          state.moved\n        ) {\n\n          onRelease();\n\n          return;\n        }\n\n\n        if (\n          !state.pressed\n        ) {\n\n          state.pressed =\n            true;\n\n\n          onPress(\n            event.clientX,\n            event.clientY\n          );\n\n        }\n\n\n        window.setTimeout(\n          function () {\n\n            onRelease();\n\n          },\n          150\n        );\n\n      }\n    );\n\n\n    surface.addEventListener(\n      \"pointercancel\",\n      function () {\n\n        const state =\n          touchStates.get(\n            surface\n          );\n\n\n        if (state) {\n\n          state.moved =\n            true;\n\n\n          state.suppressUntil =\n            performance.now() +\n            touchSuppressTime;\n\n\n          if (\n            state.timer\n          ) {\n\n            window.clearTimeout(\n              state.timer\n            );\n\n          }\n\n        }\n\n\n        onRelease();\n\n      }\n    );\n\n  }\n\n\n  function shouldSuppressClick(\n    surface\n  ) {\n\n    const state =\n      touchStates.get(\n        surface\n      );\n\n\n    if (!state) {\n      return false;\n    }\n\n\n    return (\n      state.moved ||\n      state.suppressUntil >\n      performance.now()\n    );\n\n  }\n\n\n  \/* =====================================\n     KLIK G\u0141\u00d3WNYCH TAFEL\n     ===================================== *\/\n\n  choiceButtons.forEach(\n    function (button) {\n\n      button.addEventListener(\n        \"click\",\n        function (event) {\n\n          if (\n            !finePointer &&\n            shouldSuppressClick(\n              button\n            )\n          ) {\n\n            event.preventDefault();\n\n            event.stopPropagation();\n\n            return;\n          }\n\n\n          chooseDirection(\n            button\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =====================================\n     POWR\u00d3T\n     ===================================== *\/\n\n  backButtons.forEach(\n    function (button) {\n\n      button.addEventListener(\n        \"click\",\n        function () {\n\n          returnToChooser();\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =====================================\n     DESKTOP\n     ===================================== *\/\n\n  if (\n    finePointer &&\n    !prefersReducedMotion\n  ) {\n\n    \/* G\u0141\u00d3WNE TAFLE *\/\n\n    choiceShells.forEach(\n      function (shell) {\n\n        shell.addEventListener(\n          \"pointermove\",\n          function (event) {\n\n            if (\n              isChangingView\n            ) {\n              return;\n            }\n\n\n            setMotion(\n              shell,\n              event.clientX,\n              event.clientY,\n              \"--ds\",\n              9,\n              20\n            );\n\n          }\n        );\n\n\n        shell.addEventListener(\n          \"pointerleave\",\n          function () {\n\n            if (\n              isChangingView\n            ) {\n              return;\n            }\n\n\n            resetMotion(\n              shell,\n              \"--ds\"\n            );\n\n          }\n        );\n\n      }\n    );\n\n\n    \/* PAKIETY *\/\n\n    packageCards.forEach(\n      function (card) {\n\n        card.addEventListener(\n          \"pointermove\",\n          function (event) {\n\n            setMotion(\n              card,\n              event.clientX,\n              event.clientY,\n              \"--ds-package\",\n              5,\n              12\n            );\n\n          }\n        );\n\n\n        card.addEventListener(\n          \"pointerleave\",\n          function () {\n\n            resetMotion(\n              card,\n              \"--ds-package\"\n            );\n\n          }\n        );\n\n      }\n    );\n\n\n    \/* BRAND EXPERIENCE *\/\n\n    if (experienceShell) {\n\n      experienceShell.addEventListener(\n        \"pointermove\",\n        function (event) {\n\n          setMotion(\n            experienceShell,\n            event.clientX,\n            event.clientY,\n            \"--ds-soon\",\n            5,\n            12\n          );\n\n        }\n      );\n\n\n      experienceShell.addEventListener(\n        \"pointerleave\",\n        function () {\n\n          resetMotion(\n            experienceShell,\n            \"--ds-soon\"\n          );\n\n        }\n      );\n\n    }\n\n  }\n\n\n  \/* =====================================\n     MOBILE \/ TABLET\n     ===================================== *\/\n\n  if (\n    !finePointer &&\n    !prefersReducedMotion\n  ) {\n\n    \/* G\u0141\u00d3WNE TAFLE *\/\n\n    choiceButtons.forEach(\n      function (button) {\n\n        const shell =\n          button.closest(\n            \"[data-choice-shell]\"\n          );\n\n\n        if (!shell) {\n          return;\n        }\n\n\n        setupTouchSurface(\n\n          button,\n\n          function (\n            clientX,\n            clientY\n          ) {\n\n            shell.classList.add(\n              \"is-touching\"\n            );\n\n\n            setMotion(\n              shell,\n              clientX,\n              clientY,\n              \"--ds\",\n              5,\n              10\n            );\n\n          },\n\n          function () {\n\n            shell.classList.remove(\n              \"is-touching\"\n            );\n\n\n            window.setTimeout(\n              function () {\n\n                if (\n                  !shell.classList.contains(\n                    \"is-selected\"\n                  )\n                ) {\n\n                  resetMotion(\n                    shell,\n                    \"--ds\"\n                  );\n\n                }\n\n              },\n              160\n            );\n\n          }\n\n        );\n\n      }\n    );\n\n\n    \/* PAKIETY *\/\n\n    packageCards.forEach(\n      function (card) {\n\n        setupTouchSurface(\n\n          card,\n\n          function (\n            clientX,\n            clientY\n          ) {\n\n            card.classList.add(\n              \"is-interacting\"\n            );\n\n\n            setMotion(\n              card,\n              clientX,\n              clientY,\n              \"--ds-package\",\n              3,\n              7\n            );\n\n          },\n\n          function () {\n\n            card.classList.remove(\n              \"is-interacting\"\n            );\n\n\n            window.setTimeout(\n              function () {\n\n                resetMotion(\n                  card,\n                  \"--ds-package\"\n                );\n\n              },\n              160\n            );\n\n          }\n\n        );\n\n\n        card.addEventListener(\n          \"click\",\n          function (event) {\n\n            if (\n              shouldSuppressClick(\n                card\n              )\n            ) {\n\n              event.preventDefault();\n\n              event.stopPropagation();\n\n            }\n\n          },\n          true\n        );\n\n      }\n    );\n\n\n    \/* BRAND EXPERIENCE *\/\n\n    if (experienceShell) {\n\n      setupTouchSurface(\n\n        experienceShell,\n\n        function (\n          clientX,\n          clientY\n        ) {\n\n          experienceShell.classList.add(\n            \"is-interacting\"\n          );\n\n\n          setMotion(\n            experienceShell,\n            clientX,\n            clientY,\n            \"--ds-soon\",\n            3,\n            7\n          );\n\n        },\n\n        function () {\n\n          experienceShell.classList.remove(\n            \"is-interacting\"\n          );\n\n\n          window.setTimeout(\n            function () {\n\n              resetMotion(\n                experienceShell,\n                \"--ds-soon\"\n              );\n\n            },\n            160\n          );\n\n        }\n\n      );\n\n    }\n\n  }\n\n\n  \/* =====================================\n     WYSOKO\u015a\u0106\n     ===================================== *\/\n\n  function refreshHeight() {\n\n    if (\n      activeView\n    ) {\n\n      updateStageHeight(\n        activeView\n      );\n\n    }\n\n  }\n\n\n  window.addEventListener(\n    \"resize\",\n    refreshHeight\n  );\n\n\n  window.addEventListener(\n    \"load\",\n    refreshHeight\n  );\n\n\n  refreshHeight();\n\n\n  \/* =====================================\n     START\n\n     To jest JEDYNA rzecz,\n     kt\u00f3r\u0105 JS robi dla intro.\n\n     CSS ju\u017c trzyma obie karty\n     niewidoczne.\n\n     Dodanie klasy rozpoczyna\n     ich animacj\u0119.\n     ===================================== *\/\n\n  window.requestAnimationFrame(\n    function () {\n\n      section.classList.add(\n        \"is-choice-initialized\"\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      <div class=\"domisob-collab__choices\">\n\n        <!-- SYSTEM MARKI -->\n        <div class=\"domisob-collab__choice-shell\" data-choice-shell=\"\">\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            <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 potrzebuj\u0105 sp\u00f3jnego fundamentu,\n                wyrazistego charakteru i systemu, kt\u00f3ry mo\u017ce rozwija\u0107\n                si\u0119 razem z firm\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          <\/button>\n        <\/div>\n\n\n        <!-- BRAND EXPERIENCE -->\n        <div class=\"domisob-collab__choice-shell\" data-choice-shell=\"\">\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            <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          <\/button>\n        <\/div>\n\n      <\/div>\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        <button class=\"domisob-collab__back\" type=\"button\" data-collab-back=\"\" aria-label=\"Wr\u00f3\u0107 do wyboru\">\n          <span aria-hidden=\"true\">\u2190<\/span>\n          <span>Wr\u00f3\u0107<\/span>\n        <\/button>\n      <\/div>\n\n\n      <div class=\"domisob-collab__packages\">\n\n        <!-- BRANDING -->\n        <article class=\"domisob-collab__package\" data-package-card=\"\">\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 i wyra\u017any kierunek od pocz\u0105tku.\n            <\/p>\n\n            <a class=\"domisob-collab__package-info\" href=\"\/branding\">\n              Jak wygl\u0105da branding?\n            <\/a>\n\n            <div class=\"domisob-collab__price\">\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            <\/div>\n\n            <a class=\"domisob-collab__package-select\" href=\"\/rozpocznij-wspolprace\/?rodzaj=branding\">\n              Wybieram Branding\n            <\/a>\n\n          <\/div>\n        <\/article>\n\n\n        <!-- STA\u0141Y ROZW\u00d3J MARKI -->\n        <article class=\"domisob-collab__package\" data-package-card=\"\">\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              Sta\u0142y rozw\u00f3j marki\n            <\/h3>\n\n            <p class=\"domisob-collab__package-desc\">\n              Dla marek, kt\u00f3re maj\u0105 ju\u017c fundament i chc\u0105 rozwija\u0107 mark\u0119 w spos\u00f3b sp\u00f3jny, \u015bwiadomy i d\u0142ugofalowy.\n            <\/p>\n\n            <a class=\"domisob-collab__package-info\" href=\"\/staly-rozwoj-marki\">\n              Jak wygl\u0105da sta\u0142y rozw\u00f3j marki?\n            <\/a>\n\n            <div class=\"domisob-collab__price\">\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            <\/div>\n\n            <a class=\"domisob-collab__package-select\" href=\"\/rozpocznij-wspolprace\/?rodzaj=stala\">\n              Wybieram rozw\u00f3j marki\n            <\/a>\n\n          <\/div>\n        <\/article>\n\n\n        <!-- REBRANDING -->\n        <article class=\"domisob-collab__package\" data-package-card=\"\">\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 i dopasowa\u0107 go do nowego etapu rozwoju.\n            <\/p>\n\n            <a class=\"domisob-collab__package-info\" href=\"\/rebranding\">\n              Jak wygl\u0105da rebranding?\n            <\/a>\n\n            <div class=\"domisob-collab__price\">\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            <\/div>\n\n            <a class=\"domisob-collab__package-select\" href=\"\/rozpocznij-wspolprace\/?rodzaj=rebranding\">\n              Wybieram Rebranding\n            <\/a>\n\n          <\/div>\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        <button class=\"domisob-collab__back\" type=\"button\" data-collab-back=\"\" aria-label=\"Wr\u00f3\u0107 do wyboru\">\n          <span aria-hidden=\"true\">\u2190<\/span>\n          <span>Wr\u00f3\u0107<\/span>\n        <\/button>\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  <\/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,.kadence-column1334_cb5cb2-19 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.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   DOMISOB \u2014 ROZSZERZENIE \u015aWIATA MARKI\n   ========================================= *\/\n\n.ds-brand-world,\n.ds-brand-world *{\n  box-sizing: border-box;\n}\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\n  padding: 28px 20px 44px;\n\n  background: transparent;\n  border-radius: 0;\n  box-shadow: none;\n}\n\n\n\/* =========================================\n   NAG\u0141\u00d3WEK\n   ========================================= *\/\n\n.ds-brand-world__title-wrap{\n  text-align: center;\n}\n\n.ds-brand-world__title{\n  width: fit-content;\n  margin: 0 auto 14px;\n\n  text-align: center;\n\n  font-family:\n    \"Bricolage Grotesque\",\n    sans-serif;\n\n  font-size: clamp(30px,3vw,38px);\n  line-height: 1.16;\n  font-weight: 700;\n  letter-spacing: -.025em;\n\n  color: #5c2d91;\n  -webkit-text-fill-color: #5c2d91;\n\n  text-transform: none !important;\n}\n\n.ds-brand-world__intro{\n  max-width: 700px;\n  margin: 0 auto 48px;\n\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\n  color: rgba(17,17,17,.58);\n}\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\n  margin: 0 auto;\n\n  display: flex;\n  flex-wrap: wrap;\n\n  justify-content: center;\n  align-items: center;\n\n  column-gap: 50px;\n  row-gap: 48px;\n\n  padding: 16px 0 28px;\n\n  overflow: visible;\n}\n\n\n\/* =========================================\n   WRAPPER\n   STAGGER REVEAL\n   ========================================= *\/\n\n.ds-brand-world__orb-reveal{\n  width: 250px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  overflow: visible;\n}\n\n\n\/* trzecia kulka minimalnie mniejsza *\/\n\n.ds-brand-world__orb-reveal:nth-child(3){\n  width: 242px;\n}\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\/* =========================================\n   KOLORY WG POZYCJI\n\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\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\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\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\/* =========================================\n   KULKA\n   ========================================= *\/\n\n.ds-brand-world__orb{\n  position: relative;\n\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\n  display: flex;\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  isolation: isolate;\n  overflow: visible;\n\n  appearance: none;\n  -webkit-appearance: none;\n\n  border: 0 !important;\n  outline: none;\n\n  border-radius: 50%;\n\n  background: transparent !important;\n  box-shadow: none !important;\n\n  cursor: pointer;\n\n  color: #fff;\n  text-align: center;\n\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\n    .58s\n    cubic-bezier(.19,1,.22,1);\n\n  -webkit-tap-highlight-color: transparent;\n}\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\n  position: absolute;\n\n  border-radius: 50%;\n\n  pointer-events: none;\n\n  transform-origin: center;\n}\n\n\n.ds-brand-world__orb::before{\n  inset: 5%;\n\n  z-index: 1;\n\n  background: var(--orb-core);\n\n  opacity: 1;\n\n  filter:\n    blur(20px)\n    saturate(1.25);\n\n  transform:\n    scale(\n      var(--breath-core)\n    );\n\n  transition:\n    inset .58s cubic-bezier(.19,1,.22,1),\n    filter .58s ease,\n    opacity .58s ease;\n}\n\n\n.ds-brand-world__orb::after{\n  inset: -4%;\n\n  z-index: 0;\n\n  background: var(--orb-glow);\n\n  opacity: .62;\n\n  filter:\n    blur(31px)\n    saturate(1.16);\n\n  transform:\n    scale(\n      var(--breath-glow)\n    );\n\n  transition:\n    inset .58s cubic-bezier(.19,1,.22,1),\n    opacity .58s ease,\n    filter .58s ease;\n}\n\n\n\/* =========================================\n   NAZWA\n   ========================================= *\/\n\n.ds-brand-world__orb-title{\n  position: relative;\n\n  z-index: 3;\n\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\n  letter-spacing: normal;\n\n  color: #fff;\n\n  text-transform: none !important;\n\n  transition:\n    transform\n    .55s\n    cubic-bezier(.19,1,.22,1),\n\n    font-size\n    .55s\n    cubic-bezier(.19,1,.22,1);\n}\n\n\n\/* =========================================\n   OPIS\n   ========================================= *\/\n\n.ds-brand-world__orb-text{\n  position: absolute;\n\n  z-index: 3;\n\n  left: 50%;\n  top: 50%;\n\n  width: 192px;\n  max-width: calc(100% - 44px);\n\n  margin: 0;\n\n  opacity: 0;\n  visibility: hidden;\n\n  pointer-events: none;\n\n  filter: blur(6px);\n\n  transform:\n    translate(\n      -50%,\n      9px\n    );\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\n  letter-spacing: normal;\n\n  color: rgba(255,255,255,.97);\n\n  text-align: center;\n\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\/* =========================================\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\n  .ds-brand-world__orb:not(.is-active):hover::before{\n    inset: 3%;\n\n    filter:\n      blur(19px)\n      saturate(1.39);\n  }\n\n\n  .ds-brand-world__orb:not(.is-active):hover::after{\n    opacity: .72;\n\n    filter:\n      blur(30px)\n      saturate(1.24);\n  }\n\n\n  .ds-brand-world__orb:not(.is-active):hover\n  .ds-brand-world__orb-title{\n    transform:\n      translateY(-1px);\n  }\n\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\n.ds-brand-world__orb.is-active::before{\n  inset: -2%;\n\n  filter:\n    blur(20px)\n    saturate(1.36);\n}\n\n\n.ds-brand-world__orb.is-active::after{\n  inset: -10%;\n\n  opacity: .70;\n\n  filter:\n    blur(32px)\n    saturate(1.22);\n}\n\n\n.ds-brand-world__orb.is-active\n.ds-brand-world__orb-title{\n  transform:\n    translateY(-36px);\n\n  font-size: 18px;\n}\n\n\n.ds-brand-world__orb.is-active\n.ds-brand-world__orb-text{\n  opacity: 1;\n  visibility: visible;\n\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\/* =========================================\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\/* =========================================\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\n    filter:\n      blur(13px);\n\n    transform:\n      translateY(5px);\n  }\n\n\n  .ds-brand-world.is-reveal-ready\n  .ds-brand-world__orb-reveal.is-revealed{\n    opacity: 1;\n\n    filter:\n      blur(0);\n\n    transform:\n      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\n\/* =========================================\n   TABLET\n   ========================================= *\/\n\n@media (max-width:900px){\n\n  .ds-brand-world{\n    max-width: 100%;\n\n    margin:\n      52px auto\n      60px;\n  }\n\n\n  .ds-brand-world__inner{\n    padding:\n      26px 14px\n      40px;\n  }\n\n\n  .ds-brand-world__intro{\n    margin-bottom: 42px;\n  }\n\n\n  .ds-brand-world__orbits{\n    max-width: 650px;\n\n    column-gap: 38px;\n    row-gap: 38px;\n  }\n\n\n  .ds-brand-world__orb-reveal{\n    width:\n      min(\n        240px,\n        36vw\n      );\n  }\n\n\n  .ds-brand-world__orb-reveal:nth-child(3){\n    width:\n      min(\n        232px,\n        35vw\n      );\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n\n@media (max-width:519px){\n\n  .ds-brand-world{\n    margin:\n      46px auto\n      54px;\n\n    padding:\n      0 14px;\n  }\n\n\n  .ds-brand-world__inner{\n    padding:\n      22px 6px\n      36px;\n  }\n\n\n  .ds-brand-world__title{\n    font-size: 28px;\n    line-height: 1.15;\n  }\n\n\n  .ds-brand-world__intro{\n    max-width: 410px;\n\n    margin:\n      0 auto\n      32px;\n\n    padding:\n      0 5px;\n\n    font-size: 13px;\n    line-height: 1.68;\n  }\n\n\n  .ds-brand-world__orbits{\n    width: 100%;\n    max-width: 310px;\n\n    flex-direction: column;\n    flex-wrap: nowrap;\n\n    gap: 15px;\n\n    padding:\n      8px 0\n      20px;\n  }\n\n\n  .ds-brand-world__orb-reveal,\n  .ds-brand-world__orb-reveal:nth-child(3){\n    width:\n      clamp(\n        215px,\n        59vw,\n        235px\n      );\n  }\n\n\n  .ds-brand-world__orb-reveal\n  .ds-brand-world__orb{\n    --orb-x: 0px;\n    --orb-y: 0px;\n  }\n\n\n  .ds-brand-world__orb{\n    padding: 27px;\n  }\n\n\n  .ds-brand-world__orb-title{\n    max-width: 170px;\n\n    font-size: 18.5px;\n  }\n\n\n  .ds-brand-world__orb-text{\n    width: 178px;\n\n    max-width:\n      calc(100% - 40px);\n\n    font-size: 10.6px;\n    line-height: 1.4;\n  }\n\n\n  .ds-brand-world__orb.is-active{\n    transform:\n      scale(1.06) !important;\n  }\n\n\n  .ds-brand-world__orb.is-active::before{\n    inset: -3%;\n  }\n\n\n  .ds-brand-world__orb.is-active::after{\n    inset: -10%;\n  }\n\n\n  .ds-brand-world__orb.is-active\n  .ds-brand-world__orb-title{\n    transform:\n      translateY(-34px);\n\n    font-size: 16.5px;\n  }\n\n\n  .ds-brand-world__orb.is-active\n  .ds-brand-world__orb-text{\n    transform:\n      translate(-50%,2px);\n  }\n\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\n  .ds-brand-world__orb-reveal,\n  .ds-brand-world__orb-reveal:nth-child(3){\n    width:\n      clamp(\n        208px,\n        58vw,\n        222px\n      );\n  }\n\n\n  .ds-brand-world__orb-title{\n    font-size: 17.5px;\n  }\n\n\n  .ds-brand-world__orb-text{\n    width: 160px;\n    font-size: 10px;\n  }\n\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:\n      none !important;\n\n    transition:\n      none !important;\n  }\n\n\n  .ds-brand-world__orb-reveal{\n    opacity:\n      1 !important;\n\n    filter:\n      none !important;\n\n    transform:\n      none !important;\n  }\n\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\n\nhtml.ds-ios\n.ds-brand-world__orb::before,\n\nhtml.ds-ios\n.ds-brand-world__orb::after{\n  transform:\n    none !important;\n\n  -webkit-transform:\n    none !important;\n\n  border-radius:\n    999px;\n\n  backface-visibility:\n    hidden;\n\n  -webkit-backface-visibility:\n    hidden;\n\n  will-change:\n    auto !important;\n}\n\n\n\/* oddychanie iOS przez opacity *\/\n\nhtml.ds-ios\n.ds-brand-world__orb::before{\n  opacity:\n    var(\n      --ios-core-opacity,\n      1\n    );\n}\n\n\nhtml.ds-ios\n.ds-brand-world__orb::after{\n  opacity:\n    var(\n      --ios-glow-opacity,\n      .62\n    );\n}\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\n\nhtml.ds-ios\n.ds-brand-world__orb.is-active::before{\n  inset:\n    -9% !important;\n\n  filter:\n    blur(24px)\n    saturate(1.31) !important;\n\n  opacity:\n    1 !important;\n}\n\n\nhtml.ds-ios\n.ds-brand-world__orb.is-active::after{\n  inset:\n    -13% !important;\n\n  opacity:\n    0 !important;\n\n  filter:\n    none !important;\n}\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\/* =========================================\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\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<\/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>.kadence-column1334_b5d575-6c > .kt-inside-inner-col,.kadence-column1334_b5d575-6c > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1334_b5d575-6c > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1334_b5d575-6c > .kt-inside-inner-col{flex-direction:column;}.kadence-column1334_b5d575-6c > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1334_b5d575-6c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1334_b5d575-6c{position:relative;}@media all and (max-width: 1024px){.kadence-column1334_b5d575-6c > .kt-inside-inner-col{padding-right:0px;flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column1334_b5d575-6c, .kt-inside-inner-col > .kadence-column1334_b5d575-6c:not(.specificity){margin-right:var(--global-kb-spacing-xl, 4rem);margin-left:var(--global-kb-spacing-xl, 4rem);}}@media all and (max-width: 767px){.kadence-column1334_b5d575-6c > .kt-inside-inner-col{padding-right:var(--global-kb-spacing-lg, 3rem);padding-left:var(--global-kb-spacing-lg, 3rem);flex-direction:column;justify-content:center;}.kadence-column1334_b5d575-6c, .kt-inside-inner-col > .kadence-column1334_b5d575-6c:not(.specificity){margin-right:var(--global-kb-spacing-xxl, 5rem);margin-left:var(--global-kb-spacing-xxl, 5rem);}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1334_b5d575-6c\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading has-text-align-center has-ast-global-color-1-color has-text-color has-link-color wp-elements-1\" id=\"jak-wyglada-wspolpraca\">Jak wygl\u0105da wsp\u00f3\u0142praca?<\/h2>\n<\/div><\/div>\n\n\n\n<div style=\"height:10px;\"><\/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,.kadence-column1334_7a397c-2a > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.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.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.ds-story-pro__viewport{\n  overflow:visible;\n  cursor:grab;\n  user-select:none;\n  -webkit-user-select:none;\n  padding:18px 0 20px;\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  transition:transform .55s cubic-bezier(.22,.61,.36,1);\n  will-change:transform;\n}\n\n\/* Rozmiary kart pozostaj\u0105 takie jak w starej wersji. *\/\n.ds-story-pro__step{\n  position:relative;\n  flex:0 0 42%;\n  min-width:0;\n  min-height:430px;\n  border-radius:26px;\n  opacity:.70;\n  filter:saturate(.70);\n  transform:scale(.92);\n  transition:\n    transform .45s ease,\n    opacity .45s ease,\n    filter .45s ease;\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\/* Boczne karty s\u0105 statyczne. Ruch 3D dostaje wy\u0142\u0105cznie .active. *\/\n.ds-story-pro__step.active{\n  opacity:1;\n  filter:saturate(1.06);\n  transform:scale(1);\n}\n\n.ds-story-pro__light{\n  position:absolute;\n  inset:1% 1% -4%;\n  z-index:-1;\n  border-radius:35px;\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  filter:blur(25px) saturate(1.10);\n  opacity:.54;\n  transform:\n    translate3d(var(--ds-card-x),var(--ds-card-y),0)\n    scale(1);\n  transition:\n    opacity .7s ease,\n    filter .7s ease,\n    transform .7s cubic-bezier(.19,1,.22,1);\n  will-change:transform;\n  pointer-events:none;\n}\n\n.ds-story-pro__surface{\n  position:relative;\n  width:100%;\n  min-height:430px;\n  height:100%;\n  padding:34px 28px 30px;\n  overflow:hidden;\n  border-radius:26px;\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  border:1px solid rgba(255,255,255,.56);\n  -webkit-backdrop-filter:blur(11px) saturate(155%);\n  backdrop-filter:blur(11px) saturate(155%);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.72),\n    0 11px 27px rgba(92,45,145,.06);\n  transform:\n    perspective(1050px)\n    rotateX(var(--ds-card-rx))\n    rotateY(var(--ds-card-ry))\n    translate3d(0,0,0);\n  transform-style:preserve-3d;\n  transition:\n    transform .62s cubic-bezier(.19,1,.22,1),\n    box-shadow .65s ease,\n    background .65s ease,\n    -webkit-backdrop-filter .65s ease,\n    backdrop-filter .65s ease;\n  will-change:transform;\n}\n\n\/* \u015awiat\u0142o poruszaj\u0105ce si\u0119 wewn\u0105trz aktywnej tafli. *\/\n.ds-story-pro__surface::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:1;\n  pointer-events:none;\n  border-radius:inherit;\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  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\/* Aktywna karta: nieco pe\u0142niejsze kolory jak w kartach wsp\u00f3\u0142pracy. *\/\n.ds-story-pro__step.active .ds-story-pro__light{\n  opacity:.76;\n  filter:blur(24px) saturate(1.18);\n}\n\n.ds-story-pro__step.active .ds-story-pro__surface{\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.64) 0%,\n      rgba(255,255,255,.38) 50%,\n      rgba(255,255,255,.24) 100%\n    );\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.ds-story-pro__step.active .ds-story-pro__surface::before{\n  opacity:.76;\n}\n\n@media (hover:hover) and (pointer:fine){\n  .ds-story-pro__step.active:hover{\n    filter:saturate(1.13);\n  }\n\n  .ds-story-pro__step.active:hover .ds-story-pro__light{\n    opacity:.88;\n    filter:blur(24px) saturate(1.22);\n    transform:\n      translate3d(var(--ds-card-x),var(--ds-card-y),0)\n      scale(1.018);\n  }\n\n  .ds-story-pro__step.active:hover .ds-story-pro__surface{\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.80),\n      0 17px 38px rgba(92,45,145,.10);\n  }\n\n  .ds-story-pro__step.active:hover .ds-story-pro__surface::before{\n    opacity:.92;\n  }\n}\n\n.ds-story-pro__step.active.is-interacting{\n  filter:saturate(1.13);\n}\n\n.ds-story-pro__step.active.is-interacting .ds-story-pro__light{\n  opacity:.88;\n  filter:blur(24px) saturate(1.22);\n}\n\n\/* Kr\u00f3tkie podkre\u015blenie nasycenia po zmianie karty strza\u0142k\u0105 lub klikni\u0119ciem. *\/\n@keyframes ds-story-pro-activate{\n  0%{opacity:.62; transform:scale(.985);}\n  52%{opacity:.92; transform:scale(1.022);}\n  100%{opacity:.76; transform:scale(1);}\n}\n\n.ds-story-pro__step.active.is-activating .ds-story-pro__light{\n  animation:ds-story-pro-activate .82s cubic-bezier(.19,1,.22,1) both;\n}\n\n.ds-story-pro__number{\n  font-family:\"Bricolage Grotesque\",sans-serif !important;\n  font-weight:600;\n  font-size:clamp(34px,4vw,56px);\n  line-height:1;\n  letter-spacing:-.04em;\n  margin-bottom:10px;\n  background:linear-gradient(90deg,#5c2d91 0%,#9747ff 30%,#ff6a88 65%,#ffb86b 100%);\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  font-family:\"Bricolage Grotesque\",sans-serif !important;\n  font-weight:600;\n  font-size:clamp(24px,2.6vw,36px);\n  line-height:1.08;\n  letter-spacing:-.03em;\n  color:#111;\n}\n\n.ds-story-pro__text p{\n  margin:0 0 16px;\n  font-family:Inter,system-ui,sans-serif;\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.ds-story-pro__bottom{\n  margin-top:18px;\n  display:flex;\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\/* Strza\u0142ki pozostawione wizualnie bez zmian. *\/\n.ds-story-pro__btn{\n  width:50px;\n  height:50px;\n  border-radius:999px;\n  border:none;\n  background:#fff;\n  color:#000;\n  font-family:'Poppins',sans-serif;\n  font-weight:600;\n  font-size:19px;\n  line-height:1;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  box-shadow:0 3px 10px rgba(92,45,145,.12);\n  transition:all .3s ease;\n  cursor:pointer;\n  appearance:none;\n  -webkit-appearance:none;\n  outline:none !important;\n  box-sizing:border-box;\n  -webkit-tap-highlight-color:transparent;\n  tap-highlight-color:transparent;\n  touch-action:manipulation;\n}\n\n.ds-story-pro__btn:hover{\n  transform:translateY(-2px);\n  background:#fdfbff;\n  color:#5c2d91;\n  box-shadow:0 6px 18px rgba(92,45,145,.25);\n}\n\n.ds-story-pro__btn:focus,\n.ds-story-pro__btn:focus-visible,\n.ds-story-pro__btn:active,\n.ds-story-pro__btn:hover,\n.ds-story-pro__btn:visited{\n  outline:none !important;\n  text-decoration:none !important;\n}\n\n.ds-story-pro__btn::-moz-focus-inner{\n  border:0 !important;\n}\n\n.ds-story-pro__btn::before,\n.ds-story-pro__btn::after{\n  display:none !important;\n  content:none !important;\n}\n\n.ds-story-pro__btn:disabled{\n  opacity:.38;\n  cursor:default;\n  transform:none;\n  box-shadow:0 3px 10px rgba(92,45,145,.08);\n}\n\n@media (max-width:900px){\n  .ds-story-pro__step{\n    flex:0 0 78%;\n    min-height:520px;\n  }\n\n  .ds-story-pro__surface{\n    min-height:520px;\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@media (max-width:640px){\n  .ds-story-pro{\n    padding:0 2px 18px;\n    margin:28px auto 36px;\n  }\n\n  .ds-story-pro__viewport{\n    padding:14px 0 16px;\n  }\n\n  .ds-story-pro__step{\n    flex:0 0 86%;\n    min-height:560px;\n  }\n\n  .ds-story-pro__surface{\n    min-height:560px;\n  }\n\n  .ds-story-pro__bottom{\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@media (prefers-reduced-motion:reduce){\n  .ds-story-pro__track,\n  .ds-story-pro__step,\n  .ds-story-pro__surface,\n  .ds-story-pro__light{\n    transition:none !important;\n    animation:none !important;\n  }\n}\n\n\/* FINAL HARD RESET \u2013 strza\u0142ki procesu *\/\n.ds-story-pro__btn,\n.ds-story-pro__btn:hover,\n.ds-story-pro__btn:focus,\n.ds-story-pro__btn:focus-visible,\n.ds-story-pro__btn:focus-within,\n.ds-story-pro__btn:active{\n  outline:none !important;\n  border:none !important;\n  text-decoration:none !important;\n  background-image:none !important;\n  box-shadow:0 3px 10px rgba(92,45,145,.12) !important;\n}\n\n.ds-story-pro__btn:hover{\n  transform:translateY(-2px);\n  background:#fdfbff !important;\n  color:#5c2d91 !important;\n  box-shadow:0 6px 18px rgba(92,45,145,.25) !important;\n}\n\n.ds-story-pro__btn:active{\n  transform:translateY(0) !important;\n  background:#fff !important;\n  color:#000 !important;\n  box-shadow:0 3px 10px rgba(92,45,145,.12) !important;\n}\n\n.ds-story-pro__btn::before,\n.ds-story-pro__btn::after{\n  content:none !important;\n  display:none !important;\n  box-shadow:none !important;\n  border:none !important;\n}\n\n.ds-story-pro__btn::-moz-focus-inner{\n  border:0 !important;\n}\n\n.ds-story-pro__btn{\n  -webkit-appearance:none !important;\n  appearance:none !important;\n  -webkit-tap-highlight-color:transparent !important;\n  tap-highlight-color:transparent !important;\n}\n<\/style>\n\n<section class=\"ds-story-pro\" data-ds-story=\"\">\n  <div class=\"ds-story-pro__viewport\">\n    <div class=\"ds-story-pro__track\">\n\n      <article class=\"ds-story-pro__step active\">\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>Ka\u017cda wsp\u00f3\u0142praca zaczyna si\u0119 od rozmowy. To moment, w kt\u00f3rym poznaj\u0119 mark\u0119, jej kontekst, ambicje oraz kierunek, w jakim ma si\u0119 rozwija\u0107.<\/p>\n            <p>Ju\u017c na tym etapie wa\u017cne jest zrozumienie tego, jak marka powinna by\u0107 odbierana, jakie do\u015bwiadczenie ma budowa\u0107 i czy nasze podej\u015bcie do procesu jest sp\u00f3jne.<\/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>Dobry branding nie zaczyna si\u0119 od formy, lecz od zrozumienia marki. Ten etap ma form\u0119 warsztat\u00f3w strategicznych, podczas kt\u00f3rych porz\u0105dkujemy jej kontekst, odbiorc\u00f3w, pozycjonowanie oraz emocje, kt\u00f3re powinna budowa\u0107.<\/p>\n            <p>To moment, w kt\u00f3rym ustalany jest w\u0142a\u015bciwy kierunek, zanim powstanie jakiekolwiek rozwi\u0105zanie wizualne. Dzi\u0119ki temu marka zyskuje solidny fundament do dalszego 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\">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 powstaje fundament marki, kt\u00f3ry porz\u0105dkuje jej najwa\u017cniejsze za\u0142o\u017cenia. To w\u0142a\u015bnie tutaj definiowany jest charakter marki, jej kierunek komunikacji oraz spos\u00f3b, w jaki ma by\u0107 odczuwana przez odbiorc\u00f3w.<\/p>\n            <p>Dokument fundamentu marki staje si\u0119 punktem odniesienia dla ca\u0142ego procesu projektowego i pozwala budowa\u0107 identyfikacj\u0119 w spos\u00f3b \u015bwiadomy, a nie przypadkowy.<\/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 powstaje kierunek wizualny marki. To etap, w kt\u00f3rym strategia zaczyna przyjmowa\u0107 form\u0119 i przek\u0142ada si\u0119 na estetyk\u0119, klimat oraz system decyzji wizualnych.<\/p>\n            <p>Okre\u015blam typografi\u0119, kolorystyk\u0119 oraz elementy, kt\u00f3re buduj\u0105 rozpoznawalny i sp\u00f3jny j\u0119zyk wizualny 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>Na tym etapie powstaje w\u0142a\u015bciwa identyfikacja wizualna marki. Obejmuje ona logo, typografi\u0119, kolorystyk\u0119 oraz elementy systemu wizualnego, kt\u00f3re razem tworz\u0105 sp\u00f3jn\u0105 ca\u0142o\u015b\u0107.<\/p>\n            <p>Ka\u017cdy element jest cz\u0119\u015bci\u0105 wi\u0119kszego systemu, kt\u00f3ry pozwala marce komunikowa\u0107 si\u0119 konsekwentnie, profesjonalnie i w spos\u00f3b \u0142atwy do rozpoznania.<\/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\">Wdro\u017cenie i rozw\u00f3j marki<\/h3>\n          <div class=\"ds-story-pro__text\">\n            <p>Po zako\u0144czeniu procesu marka otrzymuje kompletny system identyfikacji wizualnej oraz materia\u0142y umo\u017cliwiaj\u0105ce jego dalsze i sp\u00f3jne stosowanie.<\/p>\n            <p>Branding nie jest jednorazowym projektem, lecz fundamentem, kt\u00f3ry wspiera rozw\u00f3j marki w czasie i pozwala jej funkcjonowa\u0107 \u015bwiadomie na kolejnych etapach.<\/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<\/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-wide\">\n  <div class=\"ds-home-cta__inner\">\n\n    <p class=\"ds-home-cta__eyebrow\"><\/p>\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      Opowiedz kr\u00f3tko o swojej marce i kierunku, kt\u00f3ry chcesz zbudowa\u0107.\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 potrzebuj\u0105 sp\u00f3jnego fundamentu, wyrazistego charakteru i systemu, kt\u00f3ry [&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":13,"footnotes":"[]"},"class_list":["post-1334","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - 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-09-15T20:03:20+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=\"4 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-09-15T20:03:20+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-09-15T20:03:20+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 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-09-15T20:03:20+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":290,"href":"https:\/\/domisob.art\/en\/wp-json\/wp\/v2\/pages\/1334\/revisions"}],"predecessor-version":[{"id":5672,"href":"https:\/\/domisob.art\/en\/wp-json\/wp\/v2\/pages\/1334\/revisions\/5672"}],"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}]}}