{"id":2,"date":"2026-07-27T20:32:52","date_gmt":"2026-07-27T20:32:52","guid":{"rendered":"http:\/\/sequento.pl\/?page_id=2"},"modified":"2026-07-27T21:29:34","modified_gmt":"2026-07-27T21:29:34","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/sequento.pl\/","title":{"rendered":""},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bungee&family=Bangers&family=Inter:wght@400;600;700;800&display=swap');\n\n\/* ==========================================================================\n   SEQUENTO \u2014 zmienne i reset ograniczony do .sequento-page\n   ========================================================================== *\/\n\n.sequento-page {\n  --sequento-yellow: #F2C500;\n  --sequento-yellow-light: #FFD51F;\n  --sequento-black: #090909;\n  --sequento-graphite: #181818;\n  --sequento-offwhite: #F4F0E6;\n  --sequento-red: #C93438;\n  --sequento-navy: #17234A;\n  --sequento-gray: #AAA79F;\n\n  --sequento-hero-position-mobile: 50% 25%;\n  --sequento-hero-position-desktop: 50% 30%;\n\n  --sequento-font-display: 'Bungee', 'Archivo Black', system-ui, sans-serif;\n  --sequento-font-hand: 'Bangers', cursive;\n  --sequento-font-body: 'Inter', system-ui, -apple-system, sans-serif;\n\n  --sequento-container: 1360px;\n  --sequento-radius: 18px;\n\n  position: relative;\n  background: var(--sequento-offwhite);\n  color: var(--sequento-black);\n  font-family: var(--sequento-font-body);\n  font-size: 16px;\n  line-height: 1.5;\n  overflow-x: hidden;\n  isolation: isolate;\n}\n\n.sequento-page,\n.sequento-page * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.sequento-page ul,\n.sequento-page ol {\n  list-style: none;\n}\n\n.sequento-page img {\n  max-width: 100%;\n  display: block;\n}\n\n.sequento-page a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.sequento-page :focus-visible {\n  outline: 3px solid var(--sequento-red);\n  outline-offset: 3px;\n}\n\n.sequento-container {\n  width: 100%;\n  max-width: var(--sequento-container);\n  margin-inline: auto;\n  padding-inline: clamp(1rem, 4vw, 2.5rem);\n}\n\n.sequento-skip-link {\n  position: absolute;\n  top: -100px;\n  left: 1rem;\n  z-index: 999;\n  background: var(--sequento-yellow);\n  color: var(--sequento-black);\n  padding: 0.75rem 1.25rem;\n  border-radius: 0 0 10px 10px;\n  font-weight: 700;\n  transition: top 0.2s ease;\n}\n\n.sequento-skip-link:focus {\n  top: 0;\n}\n\n\/* ==========================================================================\n   HEADER\n   ========================================================================== *\/\n\n.sequento-header {\n  position: sticky;\n  top: 0;\n  z-index: 90;\n  background: rgba(9, 9, 9, 0.35);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  transition: background 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n  border-bottom: 1px solid transparent;\n}\n\n.sequento-header.sequento-header--scrolled {\n  background: rgba(9, 9, 9, 0.94);\n  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);\n  border-bottom-color: rgba(242, 197, 0, 0.35);\n}\n\n.sequento-header__inner {\n  max-width: var(--sequento-container);\n  margin-inline: auto;\n  padding: 0.75rem clamp(1rem, 4vw, 2.5rem);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sequento-logo {\n  display: flex;\n  flex-direction: column;\n  line-height: 1;\n}\n\n.sequento-logo__name {\n  font-family: var(--sequento-font-display);\n  font-size: clamp(1.15rem, 2vw, 1.5rem);\n  color: var(--sequento-yellow);\n  letter-spacing: 0.02em;\n}\n\n.sequento-logo__tag {\n  font-family: var(--sequento-font-hand);\n  font-size: 0.85rem;\n  color: var(--sequento-offwhite);\n  letter-spacing: 0.08em;\n  margin-top: 0.15rem;\n}\n\n.sequento-nav {\n  display: none;\n  align-items: center;\n  gap: clamp(1rem, 2vw, 2rem);\n}\n\n.sequento-nav__list {\n  display: flex;\n  align-items: center;\n  gap: clamp(1rem, 2vw, 1.75rem);\n}\n\n.sequento-nav__link {\n  font-weight: 700;\n  font-size: 0.9rem;\n  color: var(--sequento-offwhite);\n  letter-spacing: 0.03em;\n  position: relative;\n  padding-bottom: 4px;\n}\n\n.sequento-nav__link::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 3px;\n  width: 0;\n  background: var(--sequento-yellow);\n  transition: width 0.2s ease;\n}\n\n.sequento-nav__link:hover::after,\n.sequento-nav__link--active::after {\n  width: 100%;\n}\n\n.sequento-nav__link--active {\n  color: var(--sequento-yellow);\n}\n\n.sequento-hamburger {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  width: 48px;\n  height: 48px;\n  background: transparent;\n  border: 2px solid var(--sequento-yellow);\n  border-radius: 10px;\n  cursor: pointer;\n}\n\n.sequento-hamburger__line {\n  width: 22px;\n  height: 2px;\n  background: var(--sequento-yellow);\n  transition: transform 0.25s ease, opacity 0.25s ease;\n}\n\n.sequento-hamburger[aria-expanded=\"true\"] .sequento-hamburger__line:nth-child(1) {\n  transform: translateY(7px) rotate(45deg);\n}\n\n.sequento-hamburger[aria-expanded=\"true\"] .sequento-hamburger__line:nth-child(2) {\n  opacity: 0;\n}\n\n.sequento-hamburger[aria-expanded=\"true\"] .sequento-hamburger__line:nth-child(3) {\n  transform: translateY(-7px) rotate(-45deg);\n}\n\n.sequento-mobile-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(9, 9, 9, 0.55);\n  z-index: 80;\n}\n\n.sequento-mobile-nav {\n  position: fixed;\n  top: 0;\n  right: 0;\n  height: 100svh;\n  height: 100vh;\n  width: min(85vw, 360px);\n  background: var(--sequento-graphite);\n  z-index: 95;\n  padding: calc(72px + 1.5rem) 1.75rem 2rem;\n  transform: translateX(100%);\n  transition: transform 0.3s ease;\n  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.4);\n}\n\n.sequento-mobile-nav.sequento-mobile-nav--open {\n  transform: translateX(0);\n}\n\n.sequento-mobile-nav__list {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.sequento-mobile-nav__link {\n  display: block;\n  font-family: var(--sequento-font-display);\n  font-size: 1.1rem;\n  color: var(--sequento-offwhite);\n  padding: 0.5rem 0;\n  border-bottom: 1px solid rgba(244, 240, 230, 0.15);\n}\n\n\/* ==========================================================================\n   HERO\n   ========================================================================== *\/\n\n.sequento-hero {\n  position: relative;\n  min-height: 100vh;\n  min-height: 100svh;\n  display: flex;\n  align-items: flex-end;\n  overflow: hidden;\n  background: var(--sequento-black);\n}\n\n.sequento-hero__bg {\n  position: absolute;\n  inset: -5%;\n  background-image: url('TUTAJ_WKLEJ_ADRES_GLOWNEGO_ZDJECIA');\n  background-size: cover;\n  background-position: var(--sequento-hero-position-mobile);\n  filter: blur(28px) brightness(0.45) saturate(1.1);\n  transform: scale(1.15);\n  opacity: 0;\n  z-index: 0;\n}\n\n.sequento-hero__media {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n}\n\n.sequento-hero__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: var(--sequento-hero-position-mobile);\n}\n\n.sequento-hero__gradient {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(180deg, rgba(9,9,9,0.15) 0%, rgba(9,9,9,0.15) 35%, rgba(9,9,9,0.55) 70%, rgba(9,9,9,0.88) 100%),\n    linear-gradient(90deg, rgba(9,9,9,0.35) 0%, rgba(9,9,9,0) 45%);\n}\n\n.sequento-hero__content {\n  position: relative;\n  z-index: 2;\n  padding-bottom: clamp(2.5rem, 8vh, 5rem);\n  padding-top: clamp(6rem, 20vh, 10rem);\n  color: var(--sequento-offwhite);\n}\n\n.sequento-hero__label {\n  display: inline-block;\n  font-family: var(--sequento-font-hand);\n  font-size: clamp(1rem, 2vw, 1.3rem);\n  letter-spacing: 0.12em;\n  color: var(--sequento-yellow);\n  background: rgba(9, 9, 9, 0.55);\n  padding: 0.35rem 0.9rem;\n  border-radius: 999px;\n  border: 2px solid var(--sequento-yellow);\n  transform: rotate(-2deg);\n  margin-bottom: 1rem;\n}\n\n.sequento-hero__title {\n  font-family: var(--sequento-font-display);\n  font-size: clamp(2.6rem, 9vw, 6.5rem);\n  line-height: 0.95;\n  letter-spacing: 0.01em;\n  text-transform: uppercase;\n  display: flex;\n  flex-direction: column;\n  gap: 0.1em;\n  text-shadow: 3px 3px 0 rgba(0,0,0,0.55);\n}\n\n.sequento-hero__title-line {\n  position: relative;\n  color: var(--sequento-offwhite);\n  -webkit-text-stroke: 1.5px var(--sequento-black);\n}\n\n.sequento-hero__title-line--accent {\n  color: var(--sequento-yellow);\n}\n\n.sequento-hero__title-line--accent::after {\n  content: \"W GAAAAAZIE\";\n  position: absolute;\n  left: 3px;\n  top: 3px;\n  z-index: -1;\n  color: var(--sequento-red);\n  -webkit-text-stroke: 0;\n}\n\n.sequento-hero__text {\n  font-size: clamp(1rem, 2vw, 1.25rem);\n  font-weight: 600;\n  max-width: 34ch;\n  margin-top: 1.1rem;\n  color: var(--sequento-offwhite);\n}\n\n.sequento-hero__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n  margin-top: 1.75rem;\n}\n\n.sequento-stamp {\n  position: absolute;\n  right: clamp(0.5rem, 4vw, 3rem);\n  top: -10%;\n  font-family: var(--sequento-font-hand);\n  font-size: clamp(1.1rem, 2.2vw, 1.6rem);\n  color: var(--sequento-black);\n  background: var(--sequento-yellow);\n  border: 3px solid var(--sequento-black);\n  border-radius: 50%;\n  width: clamp(80px, 10vw, 110px);\n  height: clamp(80px, 10vw, 110px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  transform: rotate(-14deg);\n  box-shadow: 0 6px 14px rgba(0,0,0,0.35);\n}\n\n.sequento-sticker {\n  display: none;\n}\n\n.sequento-hero__scroll {\n  position: absolute;\n  bottom: clamp(1rem, 3vh, 2rem);\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n}\n\n.sequento-hero__scroll-arrow {\n  display: block;\n  width: 18px;\n  height: 18px;\n  border-right: 3px solid var(--sequento-yellow);\n  border-bottom: 3px solid var(--sequento-yellow);\n  transform: rotate(45deg);\n  animation: sequento-bounce 1.8s ease-in-out infinite;\n}\n\n@keyframes sequento-bounce {\n  0%, 100% { transform: rotate(45deg) translate(0, 0); }\n  50% { transform: rotate(45deg) translate(6px, 6px); }\n}\n\n\/* ==========================================================================\n   MARQUEE\n   ========================================================================== *\/\n\n.sequento-marquee {\n  width: 100%;\n  overflow: hidden;\n  background: var(--sequento-yellow);\n  border-top: 3px solid var(--sequento-black);\n  border-bottom: 3px solid var(--sequento-black);\n  padding: 0.65rem 0;\n}\n\n.sequento-marquee__track {\n  display: flex;\n  width: max-content;\n  animation: sequento-marquee 22s linear infinite;\n}\n\n.sequento-marquee__item {\n  font-family: var(--sequento-font-display);\n  font-size: clamp(0.85rem, 1.6vw, 1.2rem);\n  color: var(--sequento-black);\n  letter-spacing: 0.04em;\n  white-space: nowrap;\n  padding-right: 1rem;\n}\n\n@keyframes sequento-marquee {\n  from { transform: translateX(0); }\n  to { transform: translateX(-33.333%); }\n}\n\n\/* ==========================================================================\n   NAG\u0141\u00d3WKI I TEKST WSP\u00d3LNE\n   ========================================================================== *\/\n\n.sequento-heading {\n  font-family: var(--sequento-font-display);\n  font-size: clamp(1.8rem, 4.5vw, 3rem);\n  line-height: 1.05;\n  text-transform: uppercase;\n  color: var(--sequento-black);\n  letter-spacing: 0.01em;\n}\n\n.sequento-heading--onyellow {\n  color: var(--sequento-black);\n}\n\n.sequento-lead {\n  font-size: clamp(1rem, 1.6vw, 1.2rem);\n  font-weight: 600;\n  color: var(--sequento-graphite);\n  margin-top: 0.85rem;\n  max-width: 60ch;\n}\n\n.sequento-lead--onyellow {\n  color: var(--sequento-graphite);\n}\n\n\/* ==========================================================================\n   PRZYCISKI\n   ========================================================================== *\/\n\n.sequento-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  padding: 0.75rem 1.75rem;\n  font-family: var(--sequento-font-body);\n  font-weight: 800;\n  font-size: 0.95rem;\n  letter-spacing: 0.03em;\n  border-radius: 12px;\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;\n  text-transform: uppercase;\n}\n\n.sequento-button:active {\n  transform: translateY(2px) scale(0.98);\n}\n\n.sequento-button--primary {\n  background: var(--sequento-yellow);\n  color: var(--sequento-black);\n  box-shadow: 0 6px 0 rgba(0,0,0,0.55);\n}\n\n.sequento-button--primary:hover {\n  background: var(--sequento-yellow-light);\n}\n\n.sequento-button--primary:active {\n  box-shadow: 0 2px 0 rgba(0,0,0,0.55);\n}\n\n.sequento-button--ghost {\n  background: rgba(9,9,9,0.35);\n  color: var(--sequento-offwhite);\n  border-color: var(--sequento-offwhite);\n}\n\n.sequento-button--ghost:hover {\n  background: rgba(244,240,230,0.12);\n}\n\n.sequento-button--dark {\n  background: var(--sequento-black);\n  color: var(--sequento-yellow);\n  box-shadow: 0 6px 0 rgba(0,0,0,0.3);\n}\n\n.sequento-button--dark:active {\n  box-shadow: 0 2px 0 rgba(0,0,0,0.3);\n}\n\n.sequento-button--ghost-dark {\n  background: transparent;\n  color: var(--sequento-black);\n  border-color: var(--sequento-black);\n}\n\n.sequento-button--ghost-dark:hover {\n  background: rgba(9,9,9,0.08);\n}\n\n.sequento-button--large {\n  padding: 1rem 2.25rem;\n  font-size: 1rem;\n}\n\n.sequento-nav__cta {\n  min-height: 40px;\n  padding: 0.5rem 1.25rem;\n}\n\n\/* ==========================================================================\n   MUZYKA\n   ========================================================================== *\/\n\n.sequento-music,\n.sequento-shop,\n.sequento-instagram,\n.sequento-social {\n  padding-block: clamp(3rem, 8vw, 6rem);\n}\n\n.sequento-music {\n  background: var(--sequento-offwhite);\n}\n\n.sequento-music__grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: clamp(1.25rem, 3vw, 2rem);\n  margin-top: clamp(2rem, 4vw, 3rem);\n}\n\n.sequento-music-card {\n  position: relative;\n  background: var(--sequento-graphite);\n  color: var(--sequento-offwhite);\n  border-radius: var(--sequento-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  border: 3px solid var(--sequento-black);\n  box-shadow: 0 10px 0 rgba(0,0,0,0.15);\n  transition: transform 0.2s ease;\n}\n\n.sequento-music-card:hover {\n  transform: translateY(-6px);\n}\n\n.sequento-music-card__badge {\n  display: inline-block;\n  font-family: var(--sequento-font-hand);\n  font-size: 0.9rem;\n  letter-spacing: 0.08em;\n  color: var(--sequento-black);\n  background: var(--sequento-yellow);\n  padding: 0.2rem 0.75rem;\n  border-radius: 999px;\n  transform: rotate(-3deg);\n  margin-bottom: 0.9rem;\n}\n\n.sequento-music-card__title {\n  font-family: var(--sequento-font-display);\n  font-size: clamp(1.3rem, 2.6vw, 1.75rem);\n  text-transform: uppercase;\n  color: var(--sequento-yellow);\n}\n\n.sequento-music-card__artists {\n  font-weight: 600;\n  color: var(--sequento-gray);\n  margin-top: 0.35rem;\n  margin-bottom: 1.25rem;\n}\n\n.sequento-music-card__embed {\n  border-radius: 12px;\n  overflow: hidden;\n  line-height: 0;\n}\n\n.sequento-music-card__embed iframe {\n  display: block;\n  width: 100%;\n}\n\n.sequento-music-card__button {\n  margin-top: 1.25rem;\n  width: 100%;\n}\n\n.sequento-music__more {\n  display: flex;\n  justify-content: center;\n  margin-top: clamp(2rem, 4vw, 3rem);\n}\n\n\/* ==========================================================================\n   SKLEP\n   ========================================================================== *\/\n\n.sequento-shop {\n  background: var(--sequento-black);\n  color: var(--sequento-offwhite);\n}\n\n.sequento-shop .sequento-heading,\n.sequento-shop .sequento-lead {\n  color: var(--sequento-offwhite);\n}\n\n.sequento-shop__grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: clamp(1.25rem, 3vw, 2rem);\n  margin-top: clamp(2rem, 4vw, 3rem);\n}\n\n.sequento-product {\n  position: relative;\n  background: var(--sequento-offwhite);\n  color: var(--sequento-black);\n  border-radius: var(--sequento-radius);\n  overflow: hidden;\n  border: 3px solid var(--sequento-black);\n  box-shadow: 0 10px 0 rgba(242,197,0,0.4);\n  transition: transform 0.2s ease;\n}\n\n.sequento-product:hover {\n  transform: translateY(-6px);\n}\n\n.sequento-product__badge {\n  position: absolute;\n  top: 1rem;\n  left: 1rem;\n  z-index: 2;\n  font-family: var(--sequento-font-hand);\n  font-size: 0.95rem;\n  letter-spacing: 0.06em;\n  background: var(--sequento-red);\n  color: var(--sequento-offwhite);\n  padding: 0.3rem 0.9rem;\n  border-radius: 999px;\n  transform: rotate(-4deg);\n}\n\n.sequento-product__media {\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  background: var(--sequento-gray);\n}\n\n.sequento-product__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.sequento-product__body {\n  padding: clamp(1.25rem, 3vw, 2rem);\n}\n\n.sequento-product__name {\n  font-family: var(--sequento-font-display);\n  font-size: clamp(1.2rem, 2.4vw, 1.6rem);\n  text-transform: uppercase;\n}\n\n.sequento-product__desc {\n  margin-top: 0.6rem;\n  font-weight: 600;\n  color: var(--sequento-graphite);\n}\n\n.sequento-product__price {\n  font-family: var(--sequento-font-display);\n  font-size: clamp(1.4rem, 2.6vw, 1.8rem);\n  color: var(--sequento-red);\n  margin-top: 1rem;\n}\n\n.sequento-product__shipping {\n  margin-top: 0.4rem;\n  font-size: 0.9rem;\n  color: var(--sequento-graphite);\n}\n\n.sequento-product .sequento-button {\n  margin-top: 1.25rem;\n  width: 100%;\n}\n\n\/* ==========================================================================\n   INSTAGRAM\n   ========================================================================== *\/\n\n.sequento-instagram {\n  background: var(--sequento-offwhite);\n}\n\n.sequento-instagram__grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: clamp(1.25rem, 3vw, 2rem);\n  margin-top: clamp(2rem, 4vw, 3rem);\n}\n\n.sequento-instagram-post {\n  position: relative;\n  border-radius: var(--sequento-radius);\n  overflow: hidden;\n  border: 3px solid var(--sequento-black);\n  background: #000;\n}\n\n.sequento-instagram-post__skeleton {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background: linear-gradient(100deg, #1c1c1c 30%, #2a2a2a 50%, #1c1c1c 70%);\n  background-size: 200% 100%;\n  animation: sequento-shimmer 1.6s linear infinite;\n}\n\n@keyframes sequento-shimmer {\n  from { background-position: 200% 0; }\n  to { background-position: -200% 0; }\n}\n\n.sequento-instagram-post__iframe {\n  position: relative;\n  z-index: 1;\n  display: block;\n  width: 100%;\n  height: 480px;\n  max-width: 100%;\n  border: 0;\n  background: #000;\n}\n\n.sequento-instagram-post__fallback {\n  display: block;\n  position: relative;\n  z-index: 1;\n  text-align: center;\n  font-weight: 700;\n  padding: 0.9rem;\n  background: var(--sequento-black);\n  color: var(--sequento-yellow);\n}\n\n.sequento-instagram__follow {\n  display: flex;\n  justify-content: center;\n  margin-top: clamp(2rem, 4vw, 3rem);\n}\n\n\/* ==========================================================================\n   SOCIAL MEDIA\n   ========================================================================== *\/\n\n.sequento-social {\n  background: var(--sequento-graphite);\n  color: var(--sequento-offwhite);\n}\n\n.sequento-social .sequento-heading {\n  color: var(--sequento-offwhite);\n}\n\n.sequento-social__grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: clamp(1.25rem, 3vw, 2rem);\n  margin-top: clamp(2rem, 4vw, 3rem);\n}\n\n.sequento-social-tile {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 0.6rem;\n  text-align: center;\n  padding: clamp(2rem, 5vw, 3rem) 1.5rem;\n  background: var(--sequento-black);\n  border: 3px solid var(--sequento-yellow);\n  border-radius: var(--sequento-radius);\n  min-height: 48px;\n  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;\n}\n\n.sequento-social-tile:hover {\n  transform: translateY(-6px) rotate(-1deg);\n  background: var(--sequento-yellow);\n  color: var(--sequento-black);\n}\n\n.sequento-social-tile:hover .sequento-social-tile__icon {\n  color: var(--sequento-black);\n}\n\n.sequento-social-tile__icon {\n  width: 42px;\n  height: 42px;\n  color: var(--sequento-yellow);\n  transition: color 0.2s ease;\n}\n\n.sequento-social-tile__name {\n  font-family: var(--sequento-font-display);\n  font-size: 1.1rem;\n  letter-spacing: 0.03em;\n}\n\n.sequento-social-tile__handle {\n  font-weight: 600;\n  font-size: 0.9rem;\n  opacity: 0.85;\n}\n\n\/* ==========================================================================\n   CTA KO\u0143COWE\n   ========================================================================== *\/\n\n.sequento-cta {\n  position: relative;\n  overflow: hidden;\n  background: var(--sequento-yellow);\n  padding-block: clamp(3.5rem, 9vw, 7rem);\n}\n\n.sequento-cta__bg {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  overflow: hidden;\n}\n\n.sequento-cta__watermark {\n  position: absolute;\n  bottom: -6%;\n  left: 50%;\n  transform: translateX(-50%);\n  font-family: var(--sequento-font-display);\n  font-size: clamp(4rem, 18vw, 12rem);\n  color: rgba(9, 9, 9, 0.07);\n  white-space: nowrap;\n  letter-spacing: 0.02em;\n}\n\n.sequento-cta__stripe {\n  position: absolute;\n  top: 12%;\n  left: -10%;\n  width: 130%;\n  height: 6px;\n  background: repeating-linear-gradient(90deg, rgba(9,9,9,0.25) 0 40px, transparent 40px 80px);\n  transform: rotate(-3deg);\n}\n\n.sequento-cta__checker {\n  position: absolute;\n  bottom: 8%;\n  right: -5%;\n  width: clamp(120px, 20vw, 220px);\n  height: clamp(24px, 4vw, 40px);\n  background-image:\n    linear-gradient(45deg, rgba(9,9,9,0.18) 25%, transparent 25%, transparent 75%, rgba(9,9,9,0.18) 75%),\n    linear-gradient(45deg, rgba(9,9,9,0.18) 25%, transparent 25%, transparent 75%, rgba(9,9,9,0.18) 75%);\n  background-size: 20px 20px;\n  background-position: 0 0, 10px 10px;\n  transform: rotate(4deg);\n}\n\n.sequento-cta__content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.sequento-cta__actions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n  margin-top: 1.75rem;\n}\n\n\/* ==========================================================================\n   STOPKA\n   ========================================================================== *\/\n\n.sequento-footer {\n  background: var(--sequento-black);\n  color: var(--sequento-offwhite);\n  padding-block: clamp(2.5rem, 6vw, 4rem) 1.5rem;\n}\n\n.sequento-footer__grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 2rem;\n}\n\n.sequento-footer__logo {\n  font-family: var(--sequento-font-display);\n  font-size: 1.5rem;\n  color: var(--sequento-yellow);\n}\n\n.sequento-footer__tag {\n  font-family: var(--sequento-font-hand);\n  font-size: 1rem;\n  margin-top: 0.25rem;\n  color: var(--sequento-offwhite);\n}\n\n.sequento-footer__text {\n  margin-top: 0.9rem;\n  color: var(--sequento-gray);\n  max-width: 40ch;\n}\n\n.sequento-footer__heading {\n  font-family: var(--sequento-font-display);\n  font-size: 1rem;\n  color: var(--sequento-yellow);\n  margin-bottom: 0.9rem;\n  text-transform: uppercase;\n}\n\n.sequento-footer__list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.6rem;\n}\n\n.sequento-footer__list a {\n  color: var(--sequento-offwhite);\n  font-weight: 600;\n}\n\n.sequento-footer__list a:hover {\n  color: var(--sequento-yellow);\n}\n\n.sequento-footer__bottom {\n  margin-top: 2.5rem;\n  padding-top: 1.5rem;\n  border-top: 1px solid rgba(244,240,230,0.15);\n  font-size: 0.85rem;\n  color: var(--sequento-gray);\n  text-align: center;\n}\n\n\/* ==========================================================================\n   ANIMACJE WEJ\u015aCIA (reveal)\n   ========================================================================== *\/\n\n.sequento-page.sequento-js .sequento-reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.sequento-page.sequento-js .sequento-reveal.sequento-reveal--visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ==========================================================================\n   MEDIA QUERIES \u2014 TABLET \/ DESKTOP\n   ========================================================================== *\/\n\n@media (min-width: 768px) {\n  .sequento-hero__img,\n  .sequento-hero__bg {\n    object-position: var(--sequento-hero-position-desktop);\n    background-position: var(--sequento-hero-position-desktop);\n  }\n\n  .sequento-music__grid,\n  .sequento-shop__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .sequento-instagram__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .sequento-instagram__grid > :last-child {\n    grid-column: span 2;\n    max-width: calc(50% - 1rem);\n    margin-inline: auto;\n  }\n\n  .sequento-social__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .sequento-footer__grid {\n    grid-template-columns: 1.3fr 1fr 1fr;\n  }\n}\n\n@media (min-width: 1024px) {\n  .sequento-nav {\n    display: flex;\n  }\n\n  .sequento-hamburger {\n    display: none;\n  }\n\n  .sequento-hero__bg {\n    opacity: 1;\n  }\n\n  .sequento-hero__img {\n    object-position: var(--sequento-hero-position-desktop);\n  }\n\n  .sequento-hero__media {\n    left: 8%;\n    right: 8%;\n    border-radius: 0 0 32px 32px;\n    overflow: hidden;\n  }\n\n  .sequento-hero__content {\n    padding-left: clamp(2rem, 6vw, 4rem);\n  }\n\n  .sequento-instagram__grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .sequento-instagram__grid > :last-child {\n    grid-column: auto;\n    max-width: none;\n    margin-inline: 0;\n  }\n\n  .sequento-social__grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media (min-width: 1440px) {\n  .sequento-hero__media {\n    left: 16%;\n    right: 16%;\n  }\n}\n\n\/* ==========================================================================\n   ULUBIONE \u2014 REDUKCJA RUCHU I MA\u0141E EKRANY\n   ========================================================================== *\/\n\n@media (max-width: 380px) {\n  .sequento-hero__title {\n    font-size: clamp(2.2rem, 11vw, 3rem);\n  }\n\n  .sequento-stamp {\n    width: 70px;\n    height: 70px;\n    font-size: 0.95rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sequento-page * {\n    animation-duration: 0.001ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.001ms !important;\n    scroll-behavior: auto !important;\n  }\n\n  .sequento-page.sequento-js .sequento-reveal {\n    opacity: 1;\n    transform: none;\n  }\n\n  .sequento-marquee__track {\n    animation: none;\n  }\n\n  .sequento-hero__scroll-arrow {\n    animation: none;\n  }\n}\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  \"use strict\";\n\n  var page = document.querySelector(\".sequento-page\");\n  if (!page) {\n    return;\n  }\n\n  var prefersReducedMotion =\n    window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n  \/\/ Oznacz stron\u0119 jako \"JS gotowy\" dopiero teraz \u2014 animacje reveal\n  \/\/ s\u0105 ukryte wy\u0142\u0105cznie w CSS pod selektorem .sequento-js, wi\u0119c bez JS\n  \/\/ wszystkie tre\u015bci pozostaj\u0105 w pe\u0142ni widoczne.\n  page.classList.add(\"sequento-js\");\n\n  \/* ------------------------------------------------------------------ *\/\n  \/* Header \u2014 zmiana wygl\u0105du po przewini\u0119ciu                             *\/\n  \/* ------------------------------------------------------------------ *\/\n  var header = page.querySelector(\"[data-sequento-header]\");\n\n  function updateHeaderOnScroll() {\n    if (!header) {\n      return;\n    }\n    if (window.scrollY > 24) {\n      header.classList.add(\"sequento-header--scrolled\");\n    } else {\n      header.classList.remove(\"sequento-header--scrolled\");\n    }\n  }\n\n  if (header) {\n    updateHeaderOnScroll();\n    window.addEventListener(\"scroll\", updateHeaderOnScroll, { passive: true });\n  }\n\n  \/* ------------------------------------------------------------------ *\/\n  \/* Menu mobilne                                                        *\/\n  \/* ------------------------------------------------------------------ *\/\n  var hamburger = page.querySelector(\"#sequento-hamburger\");\n  var mobileNav = page.querySelector(\"#sequento-mobile-nav\");\n  var backdrop = page.querySelector(\"#sequento-mobile-backdrop\");\n\n  function openMobileMenu() {\n    if (!hamburger || !mobileNav || !backdrop) {\n      return;\n    }\n    mobileNav.hidden = false;\n    backdrop.hidden = false;\n    requestAnimationFrame(function () {\n      mobileNav.classList.add(\"sequento-mobile-nav--open\");\n    });\n    hamburger.setAttribute(\"aria-expanded\", \"true\");\n    hamburger.setAttribute(\"aria-label\", \"Zamknij menu\");\n    document.body.style.overflow = \"hidden\";\n  }\n\n  function closeMobileMenu() {\n    if (!hamburger || !mobileNav || !backdrop) {\n      return;\n    }\n    mobileNav.classList.remove(\"sequento-mobile-nav--open\");\n    hamburger.setAttribute(\"aria-expanded\", \"false\");\n    hamburger.setAttribute(\"aria-label\", \"Otw\u00f3rz menu\");\n    document.body.style.overflow = \"\";\n    window.setTimeout(function () {\n      mobileNav.hidden = true;\n      backdrop.hidden = true;\n    }, 300);\n  }\n\n  function isMobileMenuOpen() {\n    return !!(hamburger && hamburger.getAttribute(\"aria-expanded\") === \"true\");\n  }\n\n  if (hamburger && mobileNav && backdrop) {\n    hamburger.addEventListener(\"click\", function () {\n      if (isMobileMenuOpen()) {\n        closeMobileMenu();\n      } else {\n        openMobileMenu();\n      }\n    });\n\n    backdrop.addEventListener(\"click\", closeMobileMenu);\n\n    mobileNav.querySelectorAll(\"[data-sequento-link]\").forEach(function (link) {\n      link.addEventListener(\"click\", closeMobileMenu);\n    });\n\n    document.addEventListener(\"keydown\", function (event) {\n      if (event.key === \"Escape\" && isMobileMenuOpen()) {\n        closeMobileMenu();\n        hamburger.focus();\n      }\n    });\n  }\n\n  \/* ------------------------------------------------------------------ *\/\n  \/* P\u0142ynne przewijanie do kotwic wewn\u0105trz .sequento-page                *\/\n  \/* ------------------------------------------------------------------ *\/\n  var anchorLinks = page.querySelectorAll('[data-sequento-link], a[href^=\"#\"]');\n\n  anchorLinks.forEach(function (link) {\n    link.addEventListener(\"click\", function (event) {\n      var href = link.getAttribute(\"href\");\n      if (!href || href.charAt(0) !== \"#\" || href.length < 2) {\n        return;\n      }\n      var target = document.getElementById(href.slice(1));\n      if (!target) {\n        return;\n      }\n      event.preventDefault();\n      target.scrollIntoView({\n        behavior: prefersReducedMotion ? \"auto\" : \"smooth\",\n        block: \"start\"\n      });\n      if (!target.hasAttribute(\"tabindex\")) {\n        target.setAttribute(\"tabindex\", \"-1\");\n      }\n      target.focus({ preventScroll: true });\n    });\n  });\n\n  \/* ------------------------------------------------------------------ *\/\n  \/* Animacje wej\u015bcia \u2014 IntersectionObserver                             *\/\n  \/* ------------------------------------------------------------------ *\/\n  var revealItems = page.querySelectorAll(\".sequento-reveal\");\n\n  if (\"IntersectionObserver\" in window &#038;&#038; revealItems.length) {\n    var revealObserver = new IntersectionObserver(\n      function (entries, obs) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add(\"sequento-reveal--visible\");\n            obs.unobserve(entry.target);\n          }\n        });\n      },\n      { threshold: 0.15, rootMargin: \"0px 0px -8% 0px\" }\n    );\n\n    revealItems.forEach(function (item) {\n      revealObserver.observe(item);\n    });\n  } else {\n    revealItems.forEach(function (item) {\n      item.classList.add(\"sequento-reveal--visible\");\n    });\n  }\n\n  \/* ------------------------------------------------------------------ *\/\n  \/* Aktywna sekcja w nawigacji                                          *\/\n  \/* ------------------------------------------------------------------ *\/\n  var navLinks = page.querySelectorAll(\".sequento-nav__link\");\n  var sectionIds = [\"muzyka\", \"sklep\", \"instagram\", \"sociale\"];\n  var sections = sectionIds\n    .map(function (id) {\n      return document.getElementById(id);\n    })\n    .filter(Boolean);\n\n  if (\"IntersectionObserver\" in window &#038;&#038; sections.length &#038;&#038; navLinks.length) {\n    var navObserver = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (!entry.isIntersecting) {\n            return;\n          }\n          navLinks.forEach(function (link) {\n            var isActive = link.getAttribute(\"href\") === \"#\" + entry.target.id;\n            link.classList.toggle(\"sequento-nav__link--active\", isActive);\n          });\n        });\n      },\n      { threshold: 0.5 }\n    );\n\n    sections.forEach(function (section) {\n      navObserver.observe(section);\n    });\n  }\n\n  \/* ------------------------------------------------------------------ *\/\n  \/* Rok w stopce                                                        *\/\n  \/* ------------------------------------------------------------------ *\/\n  var yearEl = page.querySelector(\"#sequento-year\");\n  if (yearEl) {\n    yearEl.textContent = String(new Date().getFullYear());\n  }\n\n  \/\/ Posty Instagrama s\u0105 osadzone jako zwyk\u0142e <iframe src=\"\u2026\/embed\">,\n  \/\/ wi\u0119c nie wymagaj\u0105 \u017cadnego dodatkowego skryptu do renderowania.\n\n  \/\/ Miejsce na przysz\u0142e podpi\u0119cie analityki \/ systemu zg\u00f3d (np. Google\n  \/\/ Analytics, Consent Mode) \u2014 obecnie brak jakiejkolwiek analityki.\n})();\n\n<\/script>\n\n<div class=\"sequento-page\">\n\n  <a class=\"sequento-skip-link\" href=\"#tresc\">Przejd\u017a do tre\u015bci<\/a>\n\n  <header class=\"sequento-header\" id=\"sequento-header\" data-sequento-header>\n    <div class=\"sequento-header__inner\">\n      <a class=\"sequento-logo\" href=\"#tresc\">\n        <span class=\"sequento-logo__name\">SEQUENTO<\/span>\n        <span class=\"sequento-logo__tag\">DO LUDZI<\/span>\n      <\/a>\n\n      <nav class=\"sequento-nav\" id=\"sequento-nav\" aria-label=\"Nawigacja g\u0142\u00f3wna\">\n        <ul class=\"sequento-nav__list\">\n          <li><a class=\"sequento-nav__link\" href=\"#muzyka\" data-sequento-link>MUZYKA<\/a><\/li>\n          <li><a class=\"sequento-nav__link\" href=\"#sklep\" data-sequento-link>SKLEP<\/a><\/li>\n          <li><a class=\"sequento-nav__link\" href=\"#instagram\" data-sequento-link>INSTAGRAM<\/a><\/li>\n          <li><a class=\"sequento-nav__link\" href=\"#sociale\" data-sequento-link>SOCIALE<\/a><\/li>\n        <\/ul>\n        <a class=\"sequento-button sequento-button--primary sequento-nav__cta\" href=\"#muzyka\" data-sequento-link>S\u0141UCHAJ<\/a>\n      <\/nav>\n\n      <button\n        class=\"sequento-hamburger\"\n        type=\"button\"\n        id=\"sequento-hamburger\"\n        aria-expanded=\"false\"\n        aria-controls=\"sequento-mobile-nav\"\n        aria-label=\"Otw\u00f3rz menu\"\n      >\n        <span class=\"sequento-hamburger__line\"><\/span>\n        <span class=\"sequento-hamburger__line\"><\/span>\n        <span class=\"sequento-hamburger__line\"><\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"sequento-mobile-backdrop\" id=\"sequento-mobile-backdrop\" hidden><\/div>\n\n    <nav class=\"sequento-mobile-nav\" id=\"sequento-mobile-nav\" aria-label=\"Nawigacja mobilna\" hidden>\n      <ul class=\"sequento-mobile-nav__list\">\n        <li><a class=\"sequento-mobile-nav__link\" href=\"#muzyka\" data-sequento-link>MUZYKA<\/a><\/li>\n        <li><a class=\"sequento-mobile-nav__link\" href=\"#sklep\" data-sequento-link>SKLEP<\/a><\/li>\n        <li><a class=\"sequento-mobile-nav__link\" href=\"#instagram\" data-sequento-link>INSTAGRAM<\/a><\/li>\n        <li><a class=\"sequento-mobile-nav__link\" href=\"#sociale\" data-sequento-link>SOCIALE<\/a><\/li>\n        <li><a class=\"sequento-button sequento-button--primary\" href=\"#muzyka\" data-sequento-link>S\u0141UCHAJ<\/a><\/li>\n      <\/ul>\n    <\/nav>\n  <\/header>\n\n  <main id=\"tresc\">\n\n    <!-- HERO -->\n    <section class=\"sequento-hero\" aria-label=\"Sequento w gaaaazie\">\n      <div class=\"sequento-hero__bg\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"sequento-hero__media\">\n        <!-- G\u0141\u00d3WNE ZDJ\u0118CIE -->\n        <img\n          class=\"sequento-hero__img\"\n          src=\"TUTAJ_WKLEJ_ADRES_GLOWNEGO_ZDJECIA\"\n          alt=\"Sequento przy \u017c\u00f3\u0142tym samochodzie\"\n          fetchpriority=\"high\"\n          decoding=\"async\"\n        \/>\n        <div class=\"sequento-hero__gradient\" aria-hidden=\"true\"><\/div>\n      <\/div>\n\n      <div class=\"sequento-hero__content sequento-container\">\n        <p class=\"sequento-hero__label\">MUZYKA DO LUDZI<\/p>\n\n        <h1 class=\"sequento-hero__title\">\n          <span class=\"sequento-hero__title-line\">SEQUENTO<\/span>\n          <span class=\"sequento-hero__title-line sequento-hero__title-line--accent\">W GAAAAAZIE<\/span>\n        <\/h1>\n\n        <p class=\"sequento-hero__text\">\n          Hity, gruby bas i \u017c\u00f3\u0142te Seicento.<br \/>\n          Bez nad\u0119cia. Po prostu do ludzi.\n        <\/p>\n\n        <div class=\"sequento-hero__actions\">\n          <a class=\"sequento-button sequento-button--primary\" href=\"#muzyka\" data-sequento-link>S\u0141UCHAJ TERAZ<\/a>\n          <a class=\"sequento-button sequento-button--ghost\" href=\"#sklep\" data-sequento-link>SPRAWD\u0179 TOWAR<\/a>\n        <\/div>\n\n        <div class=\"sequento-stamp\" aria-hidden=\"true\">DO LUDZI<\/div>\n        <div class=\"sequento-sticker\" aria-hidden=\"true\">SEQUENTO W GAAAAAZIE<\/div>\n      <\/div>\n\n      <div class=\"sequento-hero__scroll\" aria-hidden=\"true\">\n        <span class=\"sequento-hero__scroll-arrow\"><\/span>\n      <\/div>\n    <\/section>\n\n    <!-- RUCHOMY PASEK -->\n    <div class=\"sequento-marquee\" role=\"marquee\" aria-label=\"Has\u0142a Sequento\">\n      <div class=\"sequento-marquee__track\">\n        <span class=\"sequento-marquee__item\">SEQUENTO&nbsp;\u2022&nbsp;DO LUDZI&nbsp;\u2022&nbsp;STAN DEWELOPERSKI&nbsp;\u2022&nbsp;BAMBOLEO&nbsp;\u2022&nbsp;W GAAAAAZIE&nbsp;\u2022&nbsp;<\/span>\n        <span class=\"sequento-marquee__item\" aria-hidden=\"true\">SEQUENTO&nbsp;\u2022&nbsp;DO LUDZI&nbsp;\u2022&nbsp;STAN DEWELOPERSKI&nbsp;\u2022&nbsp;BAMBOLEO&nbsp;\u2022&nbsp;W GAAAAAZIE&nbsp;\u2022&nbsp;<\/span>\n        <span class=\"sequento-marquee__item\" aria-hidden=\"true\">SEQUENTO&nbsp;\u2022&nbsp;DO LUDZI&nbsp;\u2022&nbsp;STAN DEWELOPERSKI&nbsp;\u2022&nbsp;BAMBOLEO&nbsp;\u2022&nbsp;W GAAAAAZIE&nbsp;\u2022&nbsp;<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- MUZYKA -->\n    <section class=\"sequento-music\" id=\"muzyka\" aria-labelledby=\"sequento-music-heading\">\n      <div class=\"sequento-container\">\n        <h2 class=\"sequento-heading sequento-reveal\" id=\"sequento-music-heading\">ODPAL SEQUENTO<\/h2>\n        <p class=\"sequento-lead sequento-reveal\">\n          Najpierw \u201eStan Deweloperski\u201d.<br \/>\n          Potem \u201eBamboleo\u201d.<br \/>\n          Dalej ju\u017c samo p\u00f3jdzie.\n        <\/p>\n\n        <div class=\"sequento-music__grid\">\n\n          <!-- KARTA MUZYCZNA 1 -->\n          <article class=\"sequento-music-card sequento-reveal\">\n            <div class=\"sequento-music-card__badge\">RADIO SEQUENTO<\/div>\n            <h3 class=\"sequento-music-card__title\">STAN DEWELOPERSKI<\/h3>\n            <p class=\"sequento-music-card__artists\">Sequento, Cypis, Ba&#8217;langa<\/p>\n\n            <div class=\"sequento-music-card__embed\">\n              <iframe\n                title=\"Stan Deweloperski \u2013 odtwarzacz Spotify\"\n                src=\"https:\/\/open.spotify.com\/embed\/album\/7mBRyQpqhySJpti3qh8yQA?utm_source=generator\"\n                width=\"100%\"\n                height=\"152\"\n                style=\"border-radius:12px\"\n                frameborder=\"0\"\n                allowfullscreen=\"\"\n                allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n                loading=\"lazy\"\n              ><\/iframe>\n            <\/div>\n\n            <a\n              class=\"sequento-button sequento-button--primary sequento-music-card__button\"\n              href=\"https:\/\/open.spotify.com\/album\/7mBRyQpqhySJpti3qh8yQA?si=GGA6BA3FSCeTrv6Tbm6YeA\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >ODTW\u00d3RZ NA SPOTIFY<\/a>\n          <\/article>\n\n          <!-- KARTA MUZYCZNA 2 -->\n          <article class=\"sequento-music-card sequento-reveal\">\n            <div class=\"sequento-music-card__badge\">RADIO SEQUENTO<\/div>\n            <h3 class=\"sequento-music-card__title\">BAMBOLEO<\/h3>\n            <p class=\"sequento-music-card__artists\">Sequento, Maka, Pancio<\/p>\n\n            <div class=\"sequento-music-card__embed\">\n              <iframe\n                title=\"Bamboleo \u2013 odtwarzacz Spotify\"\n                src=\"https:\/\/open.spotify.com\/embed\/track\/01FN2ExNlRtWUjPBGxOQ7W?utm_source=generator\"\n                width=\"100%\"\n                height=\"152\"\n                style=\"border-radius:12px\"\n                frameborder=\"0\"\n                allowfullscreen=\"\"\n                allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n                loading=\"lazy\"\n              ><\/iframe>\n            <\/div>\n\n            <a\n              class=\"sequento-button sequento-button--primary sequento-music-card__button\"\n              href=\"https:\/\/open.spotify.com\/track\/01FN2ExNlRtWUjPBGxOQ7W?si=9758120a97564312\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >ODTW\u00d3RZ NA SPOTIFY<\/a>\n          <\/article>\n\n        <\/div>\n\n        <div class=\"sequento-music__more sequento-reveal\">\n          <!-- LINK DO PROFILU SPOTIFY -->\n          <a\n            class=\"sequento-button sequento-button--ghost sequento-button--large\"\n            href=\"TUTAJ_WKLEJ_LINK_DO_PROFILU_SPOTIFY\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >WI\u0118CEJ MUZYKI SEQUENTO<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- SKLEP -->\n    <section class=\"sequento-shop\" id=\"sklep\" aria-labelledby=\"sequento-shop-heading\">\n      <div class=\"sequento-container\">\n        <h2 class=\"sequento-heading sequento-reveal\" id=\"sequento-shop-heading\">TOWAR OD SEQUENTO<\/h2>\n        <p class=\"sequento-lead sequento-reveal\">\n          Tylko dwa produkty.<br \/>\n          Bez szukania przez p\u00f3\u0142 godziny.\n        <\/p>\n\n        <div class=\"sequento-shop__grid\">\n\n          <!-- PRODUKT 1 -->\n          <article class=\"sequento-product sequento-reveal\">\n            <div class=\"sequento-product__badge\">NOWO\u015a\u0106<\/div>\n            <div class=\"sequento-product__media\">\n              <img decoding=\"async\"\n                class=\"sequento-product__img\"\n                src=\"TUTAJ_WKLEJ_ADRES_ZDJECIA_PRODUKTU_1\"\n                alt=\"NAZWA PRODUKTU 1\"\n                width=\"800\"\n                height=\"800\"\n                loading=\"lazy\"\n              \/>\n            <\/div>\n            <div class=\"sequento-product__body\">\n              <h3 class=\"sequento-product__name\">NAZWA PRODUKTU 1<\/h3>\n              <p class=\"sequento-product__desc\">Kr\u00f3tki opis produktu. Maksymalnie dwa zdania.<\/p>\n              <p class=\"sequento-product__price\">000,00 z\u0142<\/p>\n              <p class=\"sequento-product__shipping\">Wysy\u0142ka w ci\u0105gu 2\u20135 dni roboczych.<\/p>\n              <!-- TUTAJ MO\u017bNA WKLEI\u0106 SHOPIFY BUY BUTTON -->\n              <a\n                class=\"sequento-button sequento-button--primary sequento-button--large\"\n                href=\"TUTAJ_WKLEJ_LINK_DO_PRODUKTU_1\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >KUPUJ\u0118<\/a>\n            <\/div>\n          <\/article>\n\n          <!-- PRODUKT 2 -->\n          <article class=\"sequento-product sequento-reveal\">\n            <div class=\"sequento-product__badge\">LIMITOWANE<\/div>\n            <div class=\"sequento-product__media\">\n              <img decoding=\"async\"\n                class=\"sequento-product__img\"\n                src=\"TUTAJ_WKLEJ_ADRES_ZDJECIA_PRODUKTU_2\"\n                alt=\"NAZWA PRODUKTU 2\"\n                width=\"800\"\n                height=\"800\"\n                loading=\"lazy\"\n              \/>\n            <\/div>\n            <div class=\"sequento-product__body\">\n              <h3 class=\"sequento-product__name\">NAZWA PRODUKTU 2<\/h3>\n              <p class=\"sequento-product__desc\">Kr\u00f3tki opis produktu. Maksymalnie dwa zdania.<\/p>\n              <p class=\"sequento-product__price\">000,00 z\u0142<\/p>\n              <p class=\"sequento-product__shipping\">Wysy\u0142ka w ci\u0105gu 2\u20135 dni roboczych.<\/p>\n              <!-- TUTAJ MO\u017bNA WKLEI\u0106 SHOPIFY BUY BUTTON -->\n              <a\n                class=\"sequento-button sequento-button--primary sequento-button--large\"\n                href=\"TUTAJ_WKLEJ_LINK_DO_PRODUKTU_2\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >KUPUJ\u0118<\/a>\n            <\/div>\n          <\/article>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- INSTAGRAM -->\n    <section class=\"sequento-instagram\" id=\"instagram\" aria-labelledby=\"sequento-instagram-heading\">\n      <div class=\"sequento-container\">\n        <h2 class=\"sequento-heading sequento-reveal\" id=\"sequento-instagram-heading\">CO TAM U SKULAKA?<\/h2>\n        <p class=\"sequento-lead sequento-reveal\">Trzy szybkie strza\u0142y prosto z Instagrama.<\/p>\n\n        <div class=\"sequento-instagram__grid\">\n\n          <!-- POST 1 -->\n          <div class=\"sequento-instagram-post sequento-reveal\">\n            <div class=\"sequento-instagram-post__skeleton\" aria-hidden=\"true\"><\/div>\n            <iframe\n              class=\"sequento-instagram-post__iframe\"\n              src=\"https:\/\/www.instagram.com\/p\/DbMEizYIn1Z\/embed\"\n              width=\"100%\"\n              height=\"480\"\n              frameborder=\"0\"\n              scrolling=\"no\"\n              allowtransparency=\"true\"\n              loading=\"lazy\"\n              title=\"Post Sequento na Instagramie (1)\"\n            ><\/iframe>\n            <a\n              class=\"sequento-instagram-post__fallback\"\n              href=\"https:\/\/www.instagram.com\/p\/DbMEizYIn1Z\/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >ZOBACZ POST NA INSTAGRAMIE<\/a>\n          <\/div>\n\n          <!-- POST 2 -->\n          <div class=\"sequento-instagram-post sequento-reveal\">\n            <div class=\"sequento-instagram-post__skeleton\" aria-hidden=\"true\"><\/div>\n            <iframe\n              class=\"sequento-instagram-post__iframe\"\n              src=\"https:\/\/www.instagram.com\/p\/DaDwhyMIzNY\/embed\"\n              width=\"100%\"\n              height=\"480\"\n              frameborder=\"0\"\n              scrolling=\"no\"\n              allowtransparency=\"true\"\n              loading=\"lazy\"\n              title=\"Post Sequento na Instagramie (2)\"\n            ><\/iframe>\n            <a\n              class=\"sequento-instagram-post__fallback\"\n              href=\"https:\/\/www.instagram.com\/p\/DaDwhyMIzNY\/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >ZOBACZ POST NA INSTAGRAMIE<\/a>\n          <\/div>\n\n          <!-- POST 3 -->\n          <div class=\"sequento-instagram-post sequento-reveal\">\n            <div class=\"sequento-instagram-post__skeleton\" aria-hidden=\"true\"><\/div>\n            <iframe\n              class=\"sequento-instagram-post__iframe\"\n              src=\"https:\/\/www.instagram.com\/p\/DZF8S5DIAkq\/embed\"\n              width=\"100%\"\n              height=\"480\"\n              frameborder=\"0\"\n              scrolling=\"no\"\n              allowtransparency=\"true\"\n              loading=\"lazy\"\n              title=\"Post Sequento na Instagramie (3)\"\n            ><\/iframe>\n            <a\n              class=\"sequento-instagram-post__fallback\"\n              href=\"https:\/\/www.instagram.com\/p\/DZF8S5DIAkq\/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >ZOBACZ POST NA INSTAGRAMIE<\/a>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"sequento-instagram__follow sequento-reveal\">\n          <!-- LINK DO INSTAGRAMA -->\n          <a\n            class=\"sequento-button sequento-button--primary sequento-button--large\"\n            href=\"https:\/\/www.instagram.com\/skulak_95\/\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >OBSERWUJ @SKULAK_95<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- SOCIAL MEDIA -->\n    <section class=\"sequento-social\" id=\"sociale\" aria-labelledby=\"sequento-social-heading\">\n      <div class=\"sequento-container\">\n        <h2 class=\"sequento-heading sequento-reveal\" id=\"sequento-social-heading\">WBIJAJ, GDZIE CI WYGODNIE<\/h2>\n\n        <div class=\"sequento-social__grid\">\n\n          <a class=\"sequento-social-tile sequento-reveal\" href=\"https:\/\/www.instagram.com\/skulak_95\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <svg class=\"sequento-social-tile__icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n              <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <circle cx=\"17.5\" cy=\"6.5\" r=\"1.2\" fill=\"currentColor\"\/>\n            <\/svg>\n            <span class=\"sequento-social-tile__name\">INSTAGRAM<\/span>\n            <span class=\"sequento-social-tile__handle\">@skulak_95<\/span>\n          <\/a>\n\n          <a class=\"sequento-social-tile sequento-reveal\" href=\"https:\/\/www.tiktok.com\/@skulak95\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <svg class=\"sequento-social-tile__icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n              <path fill=\"currentColor\" d=\"M16.5 2c.4 2.2 2 3.9 4.2 4.2v2.6c-1.5 0-2.9-.4-4.2-1.2v6.6c0 3.4-2.8 6.1-6.2 6.1S4.1 17.6 4.1 14.2c0-3.3 2.6-6 5.9-6.1v2.7c-1.8.2-3.2 1.7-3.2 3.4 0 1.9 1.6 3.5 3.5 3.5s3.5-1.6 3.5-3.5V2h2.7z\"\/>\n            <\/svg>\n            <span class=\"sequento-social-tile__name\">TIKTOK<\/span>\n            <span class=\"sequento-social-tile__handle\">@skulak95<\/span>\n          <\/a>\n\n          <a class=\"sequento-social-tile sequento-reveal\" href=\"https:\/\/www.youtube.com\/channel\/UC4YUa9DAmvA0lOT7Lzgu1yw\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <svg class=\"sequento-social-tile__icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n              <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <path d=\"M10 9l6 3-6 3V9z\" fill=\"currentColor\"\/>\n            <\/svg>\n            <span class=\"sequento-social-tile__name\">YOUTUBE<\/span>\n            <span class=\"sequento-social-tile__handle\">SEQUENTO NA YOUTUBE<\/span>\n          <\/a>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- KO\u0143COWE CTA -->\n    <section class=\"sequento-cta\" aria-labelledby=\"sequento-cta-heading\">\n      <div class=\"sequento-cta__bg\" aria-hidden=\"true\">\n        <span class=\"sequento-cta__watermark\">SEQUENTO<\/span>\n        <span class=\"sequento-cta__stripe\"><\/span>\n        <span class=\"sequento-cta__checker\"><\/span>\n      <\/div>\n\n      <div class=\"sequento-container sequento-cta__content\">\n        <h2 class=\"sequento-heading sequento-heading--onyellow sequento-reveal\" id=\"sequento-cta-heading\">\n          NO TO CO?<br \/>JEDZIEMY DALEJ?\n        <\/h2>\n        <p class=\"sequento-lead sequento-lead--onyellow sequento-reveal\">\n          Odpal muzyk\u0119, zgarnij towar albo wbij na sociale.\n        <\/p>\n        <div class=\"sequento-cta__actions sequento-reveal\">\n          <a class=\"sequento-button sequento-button--dark\" href=\"#muzyka\" data-sequento-link>S\u0141UCHAJ SEQUENTO<\/a>\n          <a class=\"sequento-button sequento-button--ghost-dark\" href=\"#sklep\" data-sequento-link>SPRAWD\u0179 PRODUKTY<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <footer class=\"sequento-footer\">\n    <div class=\"sequento-container sequento-footer__grid\">\n\n      <div class=\"sequento-footer__brand\">\n        <p class=\"sequento-footer__logo\">SEQUENTO<\/p>\n        <p class=\"sequento-footer__tag\">DO LUDZI<\/p>\n        <p class=\"sequento-footer__text\">Muzyka, produkty i troch\u0119 jazdy bez trzymanki.<\/p>\n      <\/div>\n\n      <div class=\"sequento-footer__col\">\n        <h3 class=\"sequento-footer__heading\">Social media<\/h3>\n        <ul class=\"sequento-footer__list\">\n          <li><a href=\"https:\/\/www.instagram.com\/skulak_95\/\" target=\"_blank\" rel=\"noopener noreferrer\">Instagram<\/a><\/li>\n          <li><a href=\"https:\/\/www.tiktok.com\/@skulak95\" target=\"_blank\" rel=\"noopener noreferrer\">TikTok<\/a><\/li>\n          <li><a href=\"https:\/\/www.youtube.com\/channel\/UC4YUa9DAmvA0lOT7Lzgu1yw\" target=\"_blank\" rel=\"noopener noreferrer\">YouTube<\/a><\/li>\n          <li><a href=\"TUTAJ_WKLEJ_LINK_DO_PROFILU_SPOTIFY\" target=\"_blank\" rel=\"noopener noreferrer\">Spotify<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"sequento-footer__col\">\n        <h3 class=\"sequento-footer__heading\">Informacje<\/h3>\n        <ul class=\"sequento-footer__list\">\n          <li><a href=\"TUTAJ_WKLEJ_LINK_DO_KONTAKTU\">Kontakt<\/a><\/li>\n          <li><a href=\"TUTAJ_WKLEJ_LINK_DO_REGULAMINU\">Regulamin sklepu<\/a><\/li>\n          <li><a href=\"TUTAJ_WKLEJ_LINK_DO_POLITYKI_PRYWATNOSCI\">Polityka prywatno\u015bci<\/a><\/li>\n          <li><a href=\"TUTAJ_WKLEJ_LINK_DO_DOSTAWY_I_ZWROTOW\">Dostawa i zwroty<\/a><\/li>\n          <li><a href=\"mailto:TUTAJ_WKLEJ_ADRES_EMAIL\">TUTAJ_WKLEJ_ADRES_EMAIL<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"sequento-container sequento-footer__bottom\">\n      <p>&copy; <span id=\"sequento-year\">2026<\/span> Sequento. Wszystkie prawa zastrze\u017cone.<\/p>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Przejd\u017a do tre\u015bci SEQUENTO DO LUDZI MUZYKA SKLEP INSTAGRAM SOCIALE S\u0141UCHAJ MUZYKA SKLEP INSTAGRAM SOCIALE S\u0141UCHAJ MUZYKA DO LUDZI SEQUENTO W GAAAAAZIE Hity, gruby bas i \u017c\u00f3\u0142te Seicento. Bez nad\u0119cia. Po prostu do ludzi. S\u0141UCHAJ TERAZ SPRAWD\u0179 TOWAR DO LUDZI SEQUENTO W GAAAAAZIE SEQUENTO&nbsp;\u2022&nbsp;DO LUDZI&nbsp;\u2022&nbsp;STAN DEWELOPERSKI&nbsp;\u2022&nbsp;BAMBOLEO&nbsp;\u2022&nbsp;W GAAAAAZIE&nbsp;\u2022&nbsp; SEQUENTO&nbsp;\u2022&nbsp;DO LUDZI&nbsp;\u2022&nbsp;STAN DEWELOPERSKI&nbsp;\u2022&nbsp;BAMBOLEO&nbsp;\u2022&nbsp;W GAAAAAZIE&nbsp;\u2022&nbsp; SEQUENTO&nbsp;\u2022&nbsp;DO LUDZI&nbsp;\u2022&nbsp;STAN DEWELOPERSKI&nbsp;\u2022&nbsp;BAMBOLEO&nbsp;\u2022&nbsp;W GAAAAAZIE&nbsp;\u2022&nbsp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"pusty","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sequento.pl\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sequento.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sequento.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sequento.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sequento.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":9,"href":"https:\/\/sequento.pl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/sequento.pl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/sequento.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}