{"id":128,"date":"2026-04-20T14:55:46","date_gmt":"2026-04-20T14:55:46","guid":{"rendered":"https:\/\/inspirationevents.pl\/?page_id=128"},"modified":"2026-04-23T14:15:50","modified_gmt":"2026-04-23T14:15:50","slug":"elementor-128","status":"publish","type":"page","link":"https:\/\/inspirationevents.pl\/","title":{"rendered":"Wizt\u00f3wka"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"128\" class=\"elementor elementor-128\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c50d26 e-flex e-con-boxed e-con e-parent\" data-id=\"3c50d26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa823b0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"aa823b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root{\r\n    --adminbar: 0px;\r\n    --card-radius: 14px;\r\n\r\n    --card-w: min(60vw, 960px);\r\n    --card-h: min(60vh, 576px);\r\n\r\n    --flip-ms: 650ms;\r\n\r\n    --border: 2px;\r\n\r\n    --neon-a: #00ffd5;   \/* turkus *\/\r\n    --neon-b: #ffcc4d;   \/* z\u0142oto *\/\r\n    --neon-c: #7b5cff;   \/* fiolet *\/\r\n    --glow-strong: 44px;\r\n    --glow-soft: 18px;\r\n\r\n\r\n    --idle-opacity: .65;\r\n    --idle-glow-a: rgba(0,255,213,.22);\r\n    --idle-glow-b: rgba(255,204,77,.16);\r\n    --idle-glow-c: rgba(123,92,255,.12);\r\n  }\r\n\r\n  html, body { margin:0; padding:0; }\r\n\r\n  .wp-site-blocks, .wp-block-post-content, main {\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    max-width:none !important;\r\n  }\r\n\r\n  .flip-stage{\r\n\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n  height: 100vh;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:#000;\r\n  perspective: 1400px;\r\n\r\n  position: relative;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n  \/* KARTA *\/\r\n  .flip-card{\r\n    width: var(--card-w);\r\n    height: var(--card-h);\r\n    position:relative;\r\n\r\n    border-radius: var(--card-radius);\r\n    cursor:pointer;\r\n    outline:none;\r\n\r\n    overflow: hidden;\r\n    background: #000;\r\n\r\n    border: var(--border) solid transparent;\r\n    background:\r\n      linear-gradient(#000,#000) padding-box,\r\n      linear-gradient(135deg, #1a1a1a, #000, #1a1a1a) border-box;\r\n\r\n    box-shadow:\r\n      0 18px 60px rgba(0,0,0,.55),\r\n      0 0 var(--glow-soft) var(--idle-glow-a),\r\n      0 0 calc(var(--glow-soft) + 8px) var(--idle-glow-b);\r\n  }\r\n\r\n\r\n  .flip-inner{\r\n    width:100%;\r\n    height:100%;\r\n    position:relative;\r\n\r\n    transform-style: preserve-3d;\r\n    -webkit-transform-style: preserve-3d;\r\n\r\n    transform-origin: center center;\r\n    transition: transform var(--flip-ms) cubic-bezier(.2,.9,.2,1);\r\n    will-change: transform;\r\n  }\r\n\r\n  .flip-card.is-flipped .flip-inner{\r\n    transform: rotateY(180deg);\r\n  }\r\n\r\n\r\n  @media (hover:hover){\r\n    .flip-card:hover .flip-inner{ transform: translateY(-2px); }\r\n    .flip-card.is-flipped:hover .flip-inner{\r\n      transform: rotateY(180deg) translateY(-2px);\r\n    }\r\n  }\r\n\r\n  \/* Strony *\/\r\n  .flip-face{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    backface-visibility:hidden;\r\n    -webkit-backface-visibility:hidden;\r\n\r\n    overflow:hidden;\r\n    border-radius: calc(var(--card-radius) - var(--border));\r\n  }\r\n  .flip-front{ transform: rotateY(0deg); }\r\n  .flip-back { transform: rotateY(180deg); }\r\n\r\n\r\n  .flip-back img{\r\n    clip-path: inset(0px 0 0 0);\r\n  }\r\n\r\n\r\n\r\n  .flip-face img{\r\n    width:100%;\r\n    height:100%;\r\n    display:block;\r\n    object-fit: contain;\r\n    background:#000;\r\n\r\n    backface-visibility:hidden;\r\n    -webkit-backface-visibility:hidden;\r\n  }\r\n\r\n  \/* Hint *\/\r\n  .flip-hint{\r\n    position:absolute;\r\n    bottom:14px;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    font:14px\/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;\r\n    color: rgba(255,255,255,.78);\r\n    background: rgba(0,0,0,.35);\r\n    padding:8px 12px;\r\n    border-radius:999px;\r\n    pointer-events:none;\r\n    user-select:none;\r\n  }\r\n\r\n  .flip-card::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset: 0;\r\n    border-radius: var(--card-radius);\r\n    pointer-events:none;\r\n\r\n    padding: var(--border);\r\n    background: linear-gradient(\r\n      135deg,\r\n      var(--neon-b),\r\n      var(--neon-a),\r\n      var(--neon-c),\r\n      var(--neon-a),\r\n      var(--neon-b)\r\n    );\r\n    background-size: 320% 320%;\r\n    background-position: 0% 50%;\r\n\r\n \r\n    -webkit-mask:\r\n      linear-gradient(#000 0 0) content-box,\r\n      linear-gradient(#000 0 0);\r\n    -webkit-mask-composite: xor;\r\n            mask-composite: exclude;\r\n\r\n    opacity: var(--idle-opacity);\r\n    mix-blend-mode: screen;\r\n\r\n\r\n    animation: neonIdle 5.5s linear infinite;\r\n    filter: blur(.35px);\r\n  }\r\n\r\n\r\n  .flip-card{\r\n    animation: glowIdle 3.8s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes neonIdle{\r\n    0%   { background-position: 0% 50%; }\r\n    50%  { background-position: 100% 50%; }\r\n    100% { background-position: 0% 50%; }\r\n  }\r\n\r\n  @keyframes glowIdle{\r\n    0%,100%{\r\n      box-shadow:\r\n        0 18px 60px rgba(0,0,0,.55),\r\n        0 0 var(--glow-soft) var(--idle-glow-a),\r\n        0 0 calc(var(--glow-soft) + 8px) var(--idle-glow-b);\r\n      filter: saturate(1.05) brightness(1.02);\r\n    }\r\n    50%{\r\n      box-shadow:\r\n        0 18px 60px rgba(0,0,0,.55),\r\n        0 0 calc(var(--glow-soft) + 4px) rgba(0,255,213,.28),\r\n        0 0 var(--glow-strong) rgba(123,92,255,.18),\r\n        0 0 calc(var(--glow-strong) * .75) rgba(255,204,77,.18);\r\n      filter: saturate(1.18) brightness(1.06);\r\n    }\r\n  }\r\n\r\n\r\n  .flip-card .neon-scan{\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius: calc(var(--card-radius) - var(--border));\r\n    pointer-events:none;\r\n    overflow:hidden;\r\n    opacity: .35;\r\n  }\r\n  .flip-card .neon-scan::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-45%;\r\n    left:-80%;\r\n    width:70%;\r\n    height:220%;\r\n    background: linear-gradient(\r\n      120deg,\r\n      transparent 0%,\r\n      rgba(0,255,213,.08) 35%,\r\n      rgba(255,204,77,.08) 55%,\r\n      transparent 100%\r\n    );\r\n    transform: skewX(-18deg);\r\n    animation: scanLoop 4.8s ease-in-out infinite;\r\n  }\r\n  @keyframes scanLoop{\r\n    0%   { transform: translateX(0) skewX(-18deg); opacity:.0; }\r\n    18%  { opacity:.65; }\r\n    55%  { opacity:.25; }\r\n    100% { transform: translateX(260%) skewX(-18deg); opacity:0; }\r\n  }\r\n\r\n\r\n  .flip-card.is-flipping{\r\n  animation:\r\n    glowIdle 3.8s ease-in-out infinite,\r\n    glowClick var(--flip-ms) ease-out;\r\n\r\n  }\r\n  .flip-card.is-flipping::after{\r\n    opacity: 1;\r\n    filter: blur(.55px);\r\n  }\r\n  @keyframes glowClick{\r\n    0%{\r\n      box-shadow:\r\n        0 18px 60px rgba(0,0,0,.55),\r\n        0 0 calc(var(--glow-soft) + 2px) rgba(0,255,213,.28),\r\n        0 0 calc(var(--glow-strong) * .8) rgba(255,204,77,.18);\r\n    }\r\n    60%{\r\n      box-shadow:\r\n        0 18px 60px rgba(0,0,0,.55),\r\n        0 0 calc(var(--glow-soft) + 6px) rgba(0,255,213,.36),\r\n        0 0 var(--glow-strong) rgba(123,92,255,.22),\r\n        0 0 calc(var(--glow-strong) * .85) rgba(255,204,77,.22);\r\n    }\r\n    100%{\r\n      box-shadow:\r\n        0 18px 60px rgba(0,0,0,.55),\r\n        0 0 var(--glow-soft) var(--idle-glow-a),\r\n        0 0 calc(var(--glow-soft) + 8px) var(--idle-glow-b);\r\n    }\r\n  }\r\n\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .flip-inner{ transition:none; }\r\n    .flip-card, .flip-card::after, .flip-card .neon-scan::before{\r\n      animation:none !important;\r\n    }\r\n  }\r\n\r\n\r\n@media (max-width: 768px){\r\n  :root{\r\n    --card-w: min(74vw, 720px);\r\n    --card-h: min(56vh, 496px);\r\n    --card-radius: 12px;\r\n    --adminbar: 46px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"flip-stage\">\r\n  <div class=\"flip-card\" id=\"bizcard\" tabindex=\"0\" aria-label=\"Wizyt\u00f3wka. Kliknij aby obr\u00f3ci\u0107.\">\r\n    <div class=\"neon-scan\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"flip-inner\">\r\n      <div class=\"flip-face flip-front\">\r\n        <img decoding=\"async\" src=\"https:\/\/inspirationevents.pl\/wp-content\/uploads\/2026\/04\/Inspiration-2_Strona_1-scaled.jpg\" alt=\"Wizyt\u00f3wka \u2013 prz\u00f3d\">\r\n      <\/div>\r\n\r\n      <div class=\"flip-face flip-back\">\r\n        <img decoding=\"async\" src=\"https:\/\/inspirationevents.pl\/wp-content\/uploads\/2026\/04\/Inspiration-2_Strona_2-scaled.jpg\" alt=\"Wizyt\u00f3wka \u2013 ty\u0142\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"flip-hint\">Kliknij \/ dotknij, aby obr\u00f3ci\u0107<\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function(){\r\n    const card = document.getElementById('bizcard');\r\n    if(!card) return;\r\n\r\n    const inner = card.querySelector('.flip-inner');\r\n    let busy = false;\r\n\r\n    function doFlip(){\r\n      if(busy) return;\r\n      busy = true;\r\n\r\n      card.classList.add('is-flipping');\r\n      card.classList.toggle('is-flipped');\r\n\r\n      const onEnd = (e) => {\r\n        if(e.propertyName !== 'transform') return;\r\n        card.classList.remove('is-flipping');\r\n        inner.removeEventListener('transitionend', onEnd);\r\n        busy = false;\r\n      };\r\n\r\n      inner.addEventListener('transitionend', onEnd);\r\n    }\r\n\r\n    card.addEventListener('click', doFlip);\r\n    card.addEventListener('keydown', (e) => {\r\n      if(e.key === 'Enter' || e.key === ' ') {\r\n        e.preventDefault();\r\n        doFlip();\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kliknij \/ dotknij, aby obr\u00f3ci\u0107<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/inspirationevents.pl\/index.php?rest_route=\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inspirationevents.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inspirationevents.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inspirationevents.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inspirationevents.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=128"}],"version-history":[{"count":31,"href":"https:\/\/inspirationevents.pl\/index.php?rest_route=\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":175,"href":"https:\/\/inspirationevents.pl\/index.php?rest_route=\/wp\/v2\/pages\/128\/revisions\/175"}],"wp:attachment":[{"href":"https:\/\/inspirationevents.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}