{"id":2,"date":"2026-07-10T17:10:26","date_gmt":"2026-07-10T17:10:26","guid":{"rendered":"https:\/\/vashqa.pl\/?page_id=2"},"modified":"2026-08-31T18:42:40","modified_gmt":"2026-08-31T18:42:40","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/vashqa.pl\/","title":{"rendered":"Strona g\u0142\u00f3wna"},"content":{"rendered":"\n
\n
\n
\n


\n
\n
\n
\n
\n VASHQA \u2014 Rock, kt\u00f3ry zostawia przestrze\u0144 na w\u0142asne znaczenia<\/title><br \/>\n <meta name=\"description\" content=\"VASHQA to sze\u015bcioosobowy zesp\u00f3\u0142 rockowy z Warszawy. Tworzymy muzyk\u0119, kt\u00f3ra \u0142\u0105czy surowe brzmienie z przestrzeni\u0105 i refleksj\u0105.\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Source+Sans+3:wght@300;400;600;700&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\" \/>\n<style>\n \/* ===== RESET & BASE ===== *\/\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p> :root {\n --bg: #0d1117;\n --bg-card: #161b22;\n --fg: #e6edf3;\n --fg-muted: #8b949e;\n --primary: #0e7490;\n --primary-light: #06b6d4;\n --primary-fg: #0a1a1f;\n --border: #30363d;\n --border-light: rgba(14, 116, 144, 0.3);\n --font-display: 'Bebas Neue', sans-serif;\n --font-body: 'Source Sans 3', sans-serif;\n --font-mono: 'JetBrains Mono', monospace;\n }<\/p>\n<p> html { scroll-behavior: smooth; }\n body {\n font-family: var(--font-body);\n background: var(--bg);\n color: var(--fg);\n line-height: 1.6;\n overflow-x: hidden;\n }\n h1, h2, h3, h4 { font-family: var(--font-display); }\n a { color: inherit; text-decoration: none; }\n img { max-width: 100%; height: auto; display: block; }\n button { font-family: inherit; cursor: pointer; border: none; background: none; }<\/p>\n<p> \/* ===== CONTAINER ===== *\/\n .container {\n width: 100%;\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n @media (min-width: 640px) { .container { padding: 0 1.5rem; } }\n @media (min-width: 1024px) { .container { padding: 0 2rem; } }<\/p>\n<p> \/* ===== NAVIGATION ===== *\/\n .nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 50;\n transition: all 0.3s ease;\n padding: 1rem 0;\n }\n .nav.scrolled {\n background: rgba(13, 17, 23, 0.9);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n }\n .nav-inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .nav-brand {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n .nav-brand img { height: 36px; width: 36px; }\n .nav-brand span {\n font-family: var(--font-display);\n font-size: 1.5rem;\n letter-spacing: 0.1em;\n }\n .nav-links {\n display: none;\n align-items: center;\n gap: 2rem;\n font-size: 0.85rem;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .nav-links a {\n color: var(--fg-muted);\n transition: color 0.2s;\n }\n .nav-links a:hover { color: var(--primary); }\n .nav-social {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n .nav-social a {\n color: var(--fg-muted);\n transition: color 0.2s;\n }\n .nav-social a:hover { color: var(--primary); }\n .nav-social svg { width: 18px; height: 18px; }\n @media (min-width: 768px) { .nav-links { display: flex; } }<\/p>\n<p> \/* ===== MOBILE MENU ===== *\/\n .mobile-toggle {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding: 0.5rem;\n }\n .mobile-toggle span {\n width: 20px;\n height: 2px;\n background: var(--fg-muted);\n transition: all 0.2s;\n }\n @media (min-width: 768px) { .mobile-toggle { display: none; } }\n .mobile-menu {\n display: none;\n position: fixed;\n top: 0; left: 0; right: 0; bottom: 0;\n background: rgba(13, 17, 23, 0.98);\n z-index: 100;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n }\n .mobile-menu.open { display: flex; }\n .mobile-menu a {\n font-family: var(--font-display);\n font-size: 2rem;\n letter-spacing: 0.1em;\n color: var(--fg);\n transition: color 0.2s;\n }\n .mobile-menu a:hover { color: var(--primary); }\n .mobile-close {\n position: absolute;\n top: 1.5rem; right: 1.5rem;\n font-size: 2rem;\n color: var(--fg-muted);\n }<\/p>\n<p> \/* ===== HERO ===== *\/\n .hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n .hero-bg {\n position: absolute;\n inset: 0;\n }\n .hero-bg img {\n width: 100%; height: 100%;\n object-fit: cover;\n opacity: 0.7;\n }\n .hero-bg::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, rgba(13,17,23,0.3), rgba(13,17,23,0.1), var(--bg));\n }\n .hero-content {\n position: relative;\n z-index: 10;\n text-align: center;\n padding: 1rem;\n max-width: 56rem;\n margin: 0 auto;\n }\n .hero-logo {\n width: 18rem;\n margin: 0 auto 2rem;\n filter: drop-shadow(0 0 40px rgba(14, 116, 144, 0.4));\n animation: fadeIn 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n }\n @media (min-width: 768px) { .hero-logo { width: 28rem; } }\n .hero-tagline {\n font-size: 1.15rem;\n color: rgba(230, 237, 243, 0.9);\n font-weight: 300;\n letter-spacing: 0.03em;\n max-width: 32rem;\n margin: 0 auto;\n animation: fadeUp 0.6s 0.4s both;\n }\n @media (min-width: 768px) { .hero-tagline { font-size: 1.3rem; } }\n .hero-buttons {\n margin-top: 2.5rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n justify-content: center;\n align-items: center;\n animation: fadeUp 0.6s 0.6s both;\n }\n @media (min-width: 640px) { .hero-buttons { flex-direction: row; } }\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.75rem 1.5rem;\n border-radius: 2px;\n font-weight: 600;\n font-size: 0.9rem;\n transition: all 0.2s;\n }\n .btn-primary {\n background: rgba(14, 116, 144, 0.1);\n border: 1px solid rgba(14, 116, 144, 0.3);\n color: var(--primary);\n }\n .btn-primary:hover {\n background: rgba(14, 116, 144, 0.2);\n box-shadow: 0 0 20px rgba(14, 116, 144, 0.3);\n }\n .btn-secondary {\n background: var(--bg-card);\n border: 1px solid var(--border);\n color: var(--fg);\n }\n .btn-secondary:hover { border-color: rgba(14, 116, 144, 0.5); }\n .btn-solid {\n background: var(--primary);\n color: var(--primary-fg);\n border: none;\n }\n .btn-solid:hover { opacity: 0.9; }\n .scroll-indicator {\n position: absolute;\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n animation: bounce 2s infinite;\n }\n .scroll-indicator div {\n width: 20px; height: 32px;\n border: 2px solid rgba(230, 237, 243, 0.3);\n border-radius: 999px;\n display: flex;\n justify-content: center;\n padding-top: 6px;\n }\n .scroll-indicator div::after {\n content: '';\n width: 4px; height: 8px;\n background: var(--primary);\n border-radius: 999px;\n }<\/p>\n<p> \/* ===== SECTIONS ===== *\/\n .section { padding: 6rem 0; }\n @media (min-width: 768px) { .section { padding: 8rem 0; } }\n .section-label {\n font-family: var(--font-mono);\n font-size: 0.7rem;\n color: var(--primary);\n text-transform: uppercase;\n letter-spacing: 0.15em;\n }\n .section-title {\n font-size: 2.2rem;\n margin-top: 0.75rem;\n letter-spacing: 0.05em;\n }\n @media (min-width: 768px) { .section-title { font-size: 3rem; } }<\/p>\n<p> \/* ===== ABOUT ===== *\/\n .about-grid {\n display: grid;\n gap: 3rem;\n align-items: center;\n }\n @media (min-width: 768px) { .about-grid { grid-template-columns: 1fr 1fr; gap: 5rem; } }\n .about-text p {\n color: rgba(230, 237, 243, 0.8);\n margin-bottom: 1rem;\n line-height: 1.7;\n }\n .about-image {\n position: relative;\n }\n .about-image img {\n width: 100%;\n border-radius: 2px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.5);\n }\n .about-image::after {\n content: '';\n position: absolute;\n bottom: -1rem; right: -1rem;\n width: 6rem; height: 6rem;\n border: 1px solid rgba(14, 116, 144, 0.3);\n border-radius: 2px;\n }<\/p>\n<p> \/* ===== STATS ===== *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n @media (min-width: 768px) { .stats-grid { grid-template-columns: repeat(4, 1fr); } }\n .stat-card {\n text-align: center;\n padding: 1.5rem;\n background: rgba(22, 27, 34, 0.3);\n border: 1px solid rgba(48, 54, 61, 0.3);\n border-radius: 2px;\n backdrop-filter: blur(4px);\n }\n .stat-value {\n font-family: var(--font-display);\n font-size: 2rem;\n color: var(--primary);\n }\n @media (min-width: 768px) { .stat-value { font-size: 2.5rem; } }\n .stat-label {\n font-family: var(--font-mono);\n font-size: 0.8rem;\n color: var(--fg-muted);\n margin-top: 0.25rem;\n }<\/p>\n<p> \/* ===== MEMBERS ===== *\/\n .members-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n @media (min-width: 768px) { .members-grid { grid-template-columns: repeat(3, 1fr); } }\n @media (min-width: 1024px) { .members-grid { grid-template-columns: repeat(6, 1fr); } }\n .member-card {\n text-align: center;\n padding: 1.5rem;\n background: rgba(22, 27, 34, 0.5);\n border: 1px solid rgba(48, 54, 61, 0.5);\n border-radius: 2px;\n backdrop-filter: blur(4px);\n transition: all 0.2s;\n }\n .member-card:hover {\n border-color: rgba(14, 116, 144, 0.3);\n box-shadow: 0 0 20px rgba(14, 116, 144, 0.15);\n }\n .member-icon { font-size: 1.8rem; margin-bottom: 0.75rem; }\n .member-name {\n font-family: var(--font-display);\n font-size: 1.2rem;\n letter-spacing: 0.05em;\n }\n .member-role {\n font-family: var(--font-mono);\n font-size: 0.75rem;\n color: var(--fg-muted);\n margin-top: 0.25rem;\n }<\/p>\n<p> \/* ===== MUSIC PLAYER ===== *\/\n .player-wrap {\n max-width: 42rem;\n margin: 0 auto;\n background: rgba(22, 27, 34, 0.5);\n border: 1px solid rgba(48, 54, 61, 0.5);\n border-radius: 2px;\n padding: 1.5rem 2rem;\n backdrop-filter: blur(4px);\n -webkit-user-select: none;\n user-select: none;\n }\n .track-item {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.75rem;\n border-radius: 2px;\n cursor: pointer;\n border: 1px solid transparent;\n transition: all 0.2s;\n margin-bottom: 0.25rem;\n }\n .track-item:hover {\n background: rgba(14, 116, 144, 0.05);\n border-color: rgba(14, 116, 144, 0.2);\n }\n .track-item.active {\n background: rgba(14, 116, 144, 0.1);\n border-color: rgba(14, 116, 144, 0.3);\n }\n .track-num {\n font-family: var(--font-mono);\n font-size: 0.7rem;\n color: rgba(14, 116, 144, 0.5);\n width: 1.25rem;\n text-align: center;\n }\n .track-play-btn {\n width: 32px; height: 32px;\n border-radius: 50%;\n background: rgba(14, 116, 144, 0.1);\n border: 1px solid rgba(14, 116, 144, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .track-play-btn svg { width: 12px; height: 12px; fill: var(--primary); }\n .track-info { flex: 1; min-width: 0; }\n .track-title {\n font-weight: 600;\n font-size: 0.9rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .track-artist { font-size: 0.7rem; color: var(--fg-muted); margin-top: 0.1rem; }\n .track-duration {\n font-family: var(--font-mono);\n font-size: 0.7rem;\n color: var(--fg-muted);\n }\n .player-controls {\n border-top: 1px solid rgba(48, 54, 61, 0.5);\n padding-top: 1.25rem;\n margin-top: 1.25rem;\n }\n .now-playing {\n text-align: center;\n font-family: var(--font-mono);\n font-size: 0.7rem;\n color: rgba(14, 116, 144, 0.7);\n margin-bottom: 0.75rem;\n }\n .progress-bar {\n width: 100%;\n height: 6px;\n background: rgba(14, 116, 144, 0.1);\n border-radius: 3px;\n cursor: pointer;\n overflow: hidden;\n margin-bottom: 0.5rem;\n }\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--primary), var(--primary-light));\n border-radius: 3px;\n width: 0%;\n transition: width 0.1s linear;\n }\n .time-display {\n display: flex;\n justify-content: space-between;\n font-family: var(--font-mono);\n font-size: 0.65rem;\n color: var(--fg-muted);\n margin-bottom: 1rem;\n }\n .main-controls {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n }\n .ctrl-btn {\n color: var(--fg-muted);\n transition: all 0.2s;\n padding: 0.5rem;\n }\n .ctrl-btn:hover { color: var(--primary); transform: scale(1.1); }\n .ctrl-btn svg { width: 20px; height: 20px; }\n .play-main {\n width: 48px; height: 48px;\n border-radius: 50%;\n background: rgba(14, 116, 144, 0.15);\n border: 2px solid var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n }\n .play-main:hover { background: rgba(14, 116, 144, 0.25); transform: scale(1.05); }\n .play-main svg { width: 20px; height: 20px; fill: var(--primary); }\n .player-copyright {\n text-align: center;\n font-size: 0.6rem;\n color: rgba(139, 148, 158, 0.5);\n margin-top: 1.25rem;\n }<\/p>\n<p> \/* ===== CONCERTS ===== *\/\n .concerts-list { max-width: 42rem; margin: 0 auto; }\n .concert-item {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n padding: 1.25rem 1.5rem;\n background: rgba(22, 27, 34, 0.5);\n border: 1px solid rgba(48, 54, 61, 0.5);\n border-radius: 2px;\n margin-bottom: 0.75rem;\n transition: all 0.2s;\n }\n .concert-item:hover { border-color: var(--border-light); }\n .concert-date {\n text-align: center;\n min-width: 60px;\n }\n .concert-day {\n font-family: var(--font-display);\n font-size: 2rem;\n color: var(--primary);\n line-height: 1;\n }\n .concert-month {\n font-family: var(--font-mono);\n font-size: 0.65rem;\n color: var(--fg-muted);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n }\n .concert-info { flex: 1; }\n .concert-venue { font-weight: 600; font-size: 1rem; }\n .concert-city { font-size: 0.8rem; color: var(--fg-muted); margin-top: 0.15rem; }\n .concert-badge {\n font-family: var(--font-mono);\n font-size: 0.65rem;\n padding: 0.3rem 0.6rem;\n border-radius: 2px;\n background: rgba(14, 116, 144, 0.1);\n border: 1px solid rgba(14, 116, 144, 0.3);\n color: var(--primary);\n white-space: nowrap;\n }<\/p>\n<p> \/* ===== REELS ===== *\/\n .reels-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n max-width: 56rem;\n margin: 0 auto;\n justify-items: center;\n }\n @media (min-width: 768px) { .reels-grid { grid-template-columns: repeat(3, 1fr); } }\n .reel-frame {\n border-radius: 2px;\n overflow: hidden;\n border: 1px solid rgba(48, 54, 61, 0.5);\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n }<\/p>\n<p> \/* ===== GALLERY ===== *\/\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0.75rem;\n }\n @media (min-width: 768px) { .gallery-grid { grid-template-columns: repeat(3, 1fr); } }\n @media (min-width: 1024px) { .gallery-grid { grid-template-columns: repeat(4, 1fr); } }\n .gallery-item {\n overflow: hidden;\n border-radius: 2px;\n cursor: pointer;\n }\n .gallery-item img {\n width: 100%;\n height: 14rem;\n object-fit: cover;\n transition: all 0.3s;\n }\n .gallery-item:hover img { transform: scale(1.05); filter: brightness(1.1); }\n .lightbox {\n display: none;\n position: fixed;\n inset: 0;\n z-index: 200;\n background: rgba(13, 17, 23, 0.95);\n backdrop-filter: blur(12px);\n align-items: center;\n justify-content: center;\n padding: 1rem;\n cursor: pointer;\n }\n .lightbox.open { display: flex; }\n .lightbox img {\n max-width: 100%;\n max-height: 90vh;\n object-fit: contain;\n border-radius: 2px;\n }\n .lightbox-close {\n position: absolute;\n top: 1.5rem; right: 1.5rem;\n font-size: 1.5rem;\n color: rgba(230, 237, 243, 0.6);\n cursor: pointer;\n }\n .lightbox-close:hover { color: var(--fg); }<\/p>\n<p> \/* ===== EPK ===== *\/\n .epk-bg {\n position: relative;\n overflow: hidden;\n }\n .epk-bg::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(14, 116, 144, 0.05), transparent, transparent);\n }\n .epk-content { position: relative; z-index: 10; max-width: 48rem; }\n .epk-cards {\n display: grid;\n gap: 1.5rem;\n margin-top: 2.5rem;\n }\n @media (min-width: 640px) { .epk-cards { grid-template-columns: repeat(2, 1fr); } }\n .epk-card {\n padding: 1.5rem;\n background: rgba(22, 27, 34, 0.6);\n border: 1px solid rgba(48, 54, 61, 0.5);\n border-radius: 2px;\n backdrop-filter: blur(4px);\n }\n .epk-card h3 {\n font-size: 1.2rem;\n color: var(--primary);\n margin-bottom: 0.75rem;\n }\n .epk-card ul { list-style: none; }\n .epk-card li {\n font-family: var(--font-mono);\n font-size: 0.8rem;\n color: rgba(230, 237, 243, 0.7);\n margin-bottom: 0.5rem;\n }\n .epk-card li::before { content: '\u2022 '; color: var(--primary); }\n .epk-quote {\n margin-top: 2rem;\n padding: 1.5rem;\n background: rgba(14, 116, 144, 0.05);\n border: 1px solid rgba(14, 116, 144, 0.2);\n border-radius: 2px;\n font-style: italic;\n color: rgba(230, 237, 243, 0.7);\n font-size: 0.9rem;\n }<\/p>\n<p> \/* ===== CONTACT ===== *\/\n .contact-grid {\n display: grid;\n gap: 2rem;\n max-width: 42rem;\n margin: 0 auto;\n }\n @media (min-width: 768px) { .contact-grid { grid-template-columns: 1fr 1fr; } }\n .contact-card {\n background: rgba(22, 27, 34, 0.5);\n border: 1px solid rgba(48, 54, 61, 0.5);\n border-radius: 2px;\n padding: 1.5rem 2rem;\n backdrop-filter: blur(4px);\n }\n .contact-card h3 {\n font-size: 1.2rem;\n color: var(--primary);\n margin-bottom: 1.5rem;\n }\n .contact-row {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 1.25rem;\n }\n .contact-icon {\n width: 36px; height: 36px;\n background: rgba(14, 116, 144, 0.1);\n border: 1px solid rgba(14, 116, 144, 0.3);\n border-radius: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .contact-icon svg { width: 16px; height: 16px; stroke: var(--primary); fill: none; stroke-width: 2; }\n .contact-label {\n font-family: var(--font-mono);\n font-size: 0.7rem;\n color: var(--fg-muted);\n }\n .contact-value { font-size: 0.9rem; }\n .contact-value a { transition: color 0.2s; }\n .contact-value a:hover { color: var(--primary); }\n .social-links { display: flex; gap: 0.75rem; margin-top: 0.25rem; }\n .social-links a { color: var(--fg); transition: color 0.2s; }\n .social-links a:hover { color: var(--primary); }\n .social-links svg { width: 18px; height: 18px; }<\/p>\n<p> \/* Form *\/\n .form-group { margin-bottom: 1rem; }\n .form-label {\n display: block;\n font-family: var(--font-mono);\n font-size: 0.7rem;\n color: var(--fg-muted);\n margin-bottom: 0.4rem;\n }\n .form-input, .form-textarea {\n width: 100%;\n padding: 0.6rem 0.75rem;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 2px;\n color: var(--fg);\n font-size: 0.85rem;\n font-family: var(--font-body);\n transition: all 0.2s;\n }\n .form-input:focus, .form-textarea:focus {\n outline: none;\n border-color: rgba(14, 116, 144, 0.5);\n box-shadow: 0 0 0 2px rgba(14, 116, 144, 0.1);\n }\n .form-textarea { resize: none; min-height: 100px; }\n .form-submit {\n width: 100%;\n padding: 0.75rem;\n background: var(--primary);\n color: var(--primary-fg);\n border: none;\n border-radius: 2px;\n font-weight: 600;\n font-size: 0.9rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n transition: opacity 0.2s;\n }\n .form-submit:hover { opacity: 0.9; }\n .form-submit:active { transform: scale(0.98); }<\/p>\n<p> \/* ===== FOOTER ===== *\/\n .footer {\n padding: 3rem 0;\n border-top: 1px solid rgba(48, 54, 61, 0.5);\n }\n .footer-inner {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n }\n @media (min-width: 768px) {\n .footer-inner { flex-direction: row; justify-content: space-between; }\n }\n .footer-brand {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n .footer-brand img { height: 20px; width: 20px; opacity: 0.6; }\n .footer-brand span {\n font-family: var(--font-mono);\n font-size: 0.8rem;\n color: var(--fg-muted);\n }\n .footer-credit {\n font-family: var(--font-mono);\n font-size: 0.8rem;\n color: var(--fg-muted);\n }\n .footer-credit a {\n color: rgba(230, 237, 243, 0.7);\n text-decoration: underline;\n text-underline-offset: 2px;\n transition: color 0.2s;\n }\n .footer-credit a:hover { color: var(--primary); }\n .footer-social { display: flex; gap: 1.5rem; }\n .footer-social a { color: var(--fg-muted); transition: color 0.2s; }\n .footer-social a:hover { color: var(--primary); }\n .footer-social svg { width: 16px; height: 16px; }<\/p>\n<p> \/* ===== ANIMATIONS ===== *\/\n @keyframes fadeIn {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes bounce {\n 0%, 100% { transform: translateX(-50%) translateY(0); }\n 50% { transform: translateX(-50%) translateY(8px); }\n }\n .fade-in { animation: fadeUp 0.6s cubic-bezier(0.23, 1, 0.32, 1) both; }\n .fade-in-d1 { animation-delay: 0.1s; }\n .fade-in-d2 { animation-delay: 0.2s; }\n .fade-in-d3 { animation-delay: 0.3s; }<\/p>\n<p> \/* IntersectionObserver reveal *\/\n .reveal { opacity: 0; transform: translateY(30px); transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); }\n .reveal.visible { opacity: 1; transform: translateY(0); }<\/p>\n<p> \/* Text helpers *\/\n .text-center { text-align: center; }\n .text-primary { color: var(--primary); }\n .text-muted { color: var(--fg-muted); }\n .mb-3 { margin-bottom: 0.75rem; }\n .mb-6 { margin-bottom: 1.5rem; }\n .mb-12 { margin-bottom: 3rem; }\n .mt-10 { margin-top: 2.5rem; }\n .max-w-2xl { max-width: 42rem; margin-left: auto; margin-right: auto; }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <!-- NAVIGATION --><\/p>\n<nav class=\"nav\" id=\"mainNav\">\n<div class=\"container nav-inner\">\n <a href=\"#\" class=\"nav-brand\"><br \/>\n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/HpbqTNhjamHKLpxy.png\" alt=\"VASHQA\" \/><br \/>\n <span>VASHQA<\/span><br \/>\n <\/a><\/p>\n<div class=\"nav-links\">\n <a href=\"#o-nas\">O nas<\/a><br \/>\n <a href=\"#muzyka\">Muzyka<\/a><br \/>\n <a href=\"#koncerty\">Koncerty<\/a><br \/>\n <a href=\"#wideo\">Wideo<\/a><br \/>\n <a href=\"#galeria\">Galeria<\/a><br \/>\n <a href=\"#dla-agencji\">Dla agencji<\/a><br \/>\n <a href=\"#kontakt\">Kontakt<\/a>\n <\/div>\n<div class=\"nav-social\">\n <a href=\"https:\/\/www.instagram.com\/salanr10\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><br \/>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"\/><\/svg><br \/>\n <\/a><br \/>\n <a href=\"https:\/\/www.facebook.com\/salanr10\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><br \/>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg><br \/>\n <\/a><br \/>\n <a href=\"https:\/\/youtube.com\/@salanr10\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\"><br \/>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22.54 6.42a2.78 2.78 0 00-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 00-1.94 2A29 29 0 001 11.75a29 29 0 00.46 5.33A2.78 2.78 0 003.4 19.1c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 001.94-2 29 29 0 00.46-5.25 29 29 0 00-.46-5.43z\"\/><polygon points=\"9.75,15.02 15.5,11.75 9.75,8.48\" fill=\"#0d1117\"\/><\/svg><br \/>\n <\/a><br \/>\n <a href=\"https:\/\/www.tiktok.com\/@salanr10\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\"><br \/>\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.88 2.89 2.89 0 01-2.88-2.88 2.89 2.89 0 012.88-2.88c.28 0 .55.04.81.1v-3.5a6.37 6.37 0 00-.81-.05A6.34 6.34 0 003.15 15.7a6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.34-6.34V9.41a8.16 8.16 0 004.76 1.52v-3.4a4.85 4.85 0 01-1-.84z\"\/><\/svg><br \/>\n <\/a>\n <\/div>\n<p> <button class=\"mobile-toggle\" onclick=\"document.getElementById('mobileMenu').classList.add('open')\"><br \/>\n <span><\/span><span><\/span><span><\/span><br \/>\n <\/button>\n <\/div>\n<\/nav>\n<p> <!-- MOBILE MENU --><\/p>\n<div class=\"mobile-menu\" id=\"mobileMenu\">\n <button class=\"mobile-close\" onclick=\"this.parentElement.classList.remove('open')\">\u2715<\/button><br \/>\n <a href=\"#o-nas\" onclick=\"this.parentElement.classList.remove('open')\">O nas<\/a><br \/>\n <a href=\"#muzyka\" onclick=\"this.parentElement.classList.remove('open')\">Muzyka<\/a><br \/>\n <a href=\"#koncerty\" onclick=\"this.parentElement.classList.remove('open')\">Koncerty<\/a><br \/>\n <a href=\"#wideo\" onclick=\"this.parentElement.classList.remove('open')\">Wideo<\/a><br \/>\n <a href=\"#galeria\" onclick=\"this.parentElement.classList.remove('open')\">Galeria<\/a><br \/>\n <a href=\"#dla-agencji\" onclick=\"this.parentElement.classList.remove('open')\">Dla agencji<\/a><br \/>\n <a href=\"#kontakt\" onclick=\"this.parentElement.classList.remove('open')\">Kontakt<\/a>\n <\/div>\n<p> <!-- HERO --><\/p>\n<section class=\"hero\">\n<div class=\"hero-bg\">\n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/wMrBCMqCoYhqcyPR.webp\" alt=\"\" \/>\n <\/div>\n<div class=\"hero-content\">\n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/xhdmYAcsYYKueJiM.png\" alt=\"VASHQA\" class=\"hero-logo\" \/><\/p>\n<p class=\"hero-tagline\">Rock, kt\u00f3ry zostawia przestrze\u0144 na w\u0142asne znaczenia.<\/p>\n<div class=\"hero-buttons\">\n <a href=\"#muzyka\" class=\"btn btn-primary\">\u266a Pos\u0142uchaj<\/a><br \/>\n <a href=\"#dla-agencji\" class=\"btn btn-secondary\">\ud83d\udcc4 EPK \/ Booking<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"scroll-indicator\">\n<div><\/div>\n<\/div>\n<\/section>\n<p> <!-- O NAS --><\/p>\n<section class=\"section\" id=\"o-nas\">\n<div class=\"container\">\n<div class=\"about-grid\">\n<div class=\"reveal\">\n <span class=\"section-label\">O zespole<\/span><\/p>\n<h2 class=\"section-title\">Sze\u015b\u0107 g\u0142os\u00f3w.<br \/>Jedna droga.<\/h2>\n<div class=\"about-text\" style=\"margin-top:1.5rem;\">\n<p>VASHQA to sze\u015bcioosobowy zesp\u00f3\u0142 z Warszawy, kt\u00f3ry wymyka si\u0119 prostym klasyfikacjom. Nie szukamy jednej szufladki \u2014 szukamy w\u0142asnej drogi. \u0141\u0105czy nas nie etykieta, ale podej\u015bcie: surowe brzmienie, emocjonalna szczero\u015b\u0107 i przestrze\u0144 na oddech.<\/p>\n<p>Nasze utwory to podr\u00f3\u017ce \u2014 od intymnego szeptu po pe\u0142en mocy krzyk, od hipnotycznych arpeggi\u00f3w po bluesow\u0105 zadum\u0119. Nie boimy si\u0119 kontrast\u00f3w, bo to w nich kryje si\u0119 prawda. Ka\u017cdy koncert jest inny, ka\u017cda piosenka prowadzi gdzie indziej.<\/p>\n<p>Teksty m\u00f3wi\u0105 o wewn\u0119trznej transformacji \u2014 o zamykaniu oczu na stare i otwieraniu ich na nowe. O szukaniu drogi, \u0142apaniu wiatru i ta\u0144czeniu w s\u0142o\u0144cu po przej\u015bciu przez mrok. Zostawiamy przestrze\u0144 na Twoje w\u0142asne znaczenia, bo wierzymy, \u017ce cisza i uwa\u017cno\u015b\u0107 m\u00f3wi\u0105 wi\u0119cej ni\u017c tysi\u0105c s\u0142\u00f3w.<\/p>\n<p>Nazwa VASHQA \u2014 z wa\u017ck\u0105 wkomponowan\u0105 w logo \u2014 symbolizuje metamorfoz\u0119: zdolno\u015b\u0107 do zmiany bez utraty tego, kim si\u0119 jest. Wa\u017cka \u017cyje mi\u0119dzy dwoma \u015bwiatami \u2014 wod\u0105 i powietrzem \u2014 tak jak my \u017cyjemy mi\u0119dzy kontrastami, mi\u0119dzy cisz\u0105 a krzykiem, mi\u0119dzy mrokiem a \u015bwiat\u0142em.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"about-image reveal\">\n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/GNDFiJNwTkcMJiXA.jpg\" alt=\"VASHQA na scenie\" \/>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- STATYSTYKI --><\/p>\n<section class=\"section\" style=\"padding-top:0;\">\n<div class=\"container\">\n<div class=\"stats-grid reveal\">\n<div class=\"stat-card\">\n<div class=\"stat-value\">6<\/div>\n<div class=\"stat-label\">Muzyk\u00f3w<\/div>\n<\/div>\n<div class=\"stat-card\">\n<div class=\"stat-value\">18+<\/div>\n<div class=\"stat-label\">Autorskich utwor\u00f3w<\/div>\n<\/div>\n<div class=\"stat-card\">\n<div class=\"stat-value\">100%<\/div>\n<div class=\"stat-label\">Rockowej energii<\/div>\n<\/div>\n<div class=\"stat-card\">\n<div class=\"stat-value\">\u266b<\/div>\n<div class=\"stat-label\">W\u0142asne kawa\u0142ki<\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- SK\u0141AD --><\/p>\n<section class=\"section\" id=\"sklad\">\n<div class=\"container\">\n<div class=\"text-center reveal\">\n <span class=\"section-label\">Sk\u0142ad<\/span><\/p>\n<h2 class=\"section-title\">Sze\u015b\u0107 dr\u00f3g, jeden kierunek<\/h2>\n<p class=\"text-muted max-w-2xl\" style=\"margin-top:1rem;\">Ka\u017cdy z nas wnosi inn\u0105 wra\u017cliwo\u015b\u0107, inn\u0105 histori\u0119, inny punkt widzenia. Razem tworzymy co\u015b, czego \u017cadne z nas nie stworzy\u0142oby w pojedynk\u0119 \u2014 muzyk\u0119, kt\u00f3ra oddycha sze\u015bcioma parami p\u0142uc.<\/p>\n<\/p><\/div>\n<div class=\"members-grid reveal\" style=\"margin-top:3rem;\">\n<div class=\"member-card\">\n<div class=\"member-icon\">\ud83c\udfa4<\/div>\n<div class=\"member-name\">Dominika<\/div>\n<div class=\"member-role\">Wokal<\/div>\n<\/div>\n<div class=\"member-card\">\n<div class=\"member-icon\">\ud83c\udfb8<\/div>\n<div class=\"member-name\">Agnieszka<\/div>\n<div class=\"member-role\">Gitara rytmiczna, ch\u00f3rki<\/div>\n<\/div>\n<div class=\"member-card\">\n<div class=\"member-icon\">\ud83c\udfb8<\/div>\n<div class=\"member-name\">Marek<\/div>\n<div class=\"member-role\">Gitara prowadz\u0105ca<\/div>\n<\/div>\n<div class=\"member-card\">\n<div class=\"member-icon\">\ud83c\udfb8<\/div>\n<div class=\"member-name\">Krzysiek<\/div>\n<div class=\"member-role\">Gitara basowa, ch\u00f3rki<\/div>\n<\/div>\n<div class=\"member-card\">\n<div class=\"member-icon\">\ud83c\udfb9<\/div>\n<div class=\"member-name\">Waldek<\/div>\n<div class=\"member-role\">Klawisze<\/div>\n<\/div>\n<div class=\"member-card\">\n<div class=\"member-icon\">\ud83e\udd41<\/div>\n<div class=\"member-name\">Rafa\u0142<\/div>\n<div class=\"member-role\">Perkusja<\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- MUZYKA \/ PLAYER --><\/p>\n<section class=\"section\" id=\"muzyka\">\n<div class=\"container\">\n<div class=\"text-center reveal\">\n <span class=\"section-label\">Muzyka<\/span><\/p>\n<h2 class=\"section-title\">Nasze utwory<\/h2>\n<p class=\"text-muted max-w-2xl\" style=\"margin-top:1rem;\">Autorski materia\u0142 \u2014 od intymnych ballad po eksplozje pe\u0142ne mocy. Pos\u0142uchaj fragment\u00f3w z naszych koncert\u00f3w.<\/p>\n<\/p><\/div>\n<div class=\"player-wrap reveal\" style=\"margin-top:3rem;\" oncontextmenu=\"return false;\" ondragstart=\"return false;\">\n<div id=\"tracklist\"><\/div>\n<div class=\"player-controls\">\n<div class=\"now-playing\" id=\"nowPlaying\">Wybierz utw\u00f3r<\/div>\n<div class=\"progress-bar\" id=\"progressBar\" onclick=\"seekAudio(event)\">\n<div class=\"progress-fill\" id=\"progressFill\"><\/div>\n<\/p><\/div>\n<div class=\"time-display\">\n <span id=\"timeCurrent\">0:00<\/span><br \/>\n <span id=\"timeTotal\">0:00<\/span>\n <\/div>\n<div class=\"main-controls\">\n <button class=\"ctrl-btn\" onclick=\"prevTrack()\"><br \/>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"19,20 9,12 19,4\" fill=\"currentColor\"\/><line x1=\"5\" y1=\"4\" x2=\"5\" y2=\"20\"\/><\/svg><br \/>\n <\/button><br \/>\n <button class=\"play-main\" id=\"playMainBtn\" onclick=\"togglePlay()\"><br \/>\n <svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg><br \/>\n <\/button><br \/>\n <button class=\"ctrl-btn\" onclick=\"nextTrack()\"><br \/>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"5,4 15,12 5,20\" fill=\"currentColor\"\/><line x1=\"19\" y1=\"4\" x2=\"19\" y2=\"20\"\/><\/svg><br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"player-copyright\">\u00a9 2024\u20132026 VASHQA. Wszystkie utwory zarejestrowane w ZAiKS. Kopiowanie zabronione.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- NADCHODZ\u0104CE KONCERTY --><\/p>\n<section class=\"section\" id=\"koncerty\">\n<div class=\"container\">\n<div class=\"text-center reveal\">\n <span class=\"section-label\">Na \u017cywo<\/span><\/p>\n<h2 class=\"section-title\">Nadchodz\u0105ce koncerty<\/h2>\n<p class=\"text-muted max-w-2xl\" style=\"margin-top:1rem;\">Sprawd\u017a, gdzie nas spotkasz. Ka\u017cdy koncert to inna podr\u00f3\u017c.<\/p>\n<\/p><\/div>\n<div class=\"concerts-list reveal\" style=\"margin-top:3rem;\">\n <!-- EDYTUJ PONI\u017bEJ: dodaj\/usu\u0144 koncerty wg potrzeb --><\/p>\n<div class=\"concert-item\">\n<div class=\"concert-date\">\n<div class=\"concert-day\">26<\/div>\n<div class=\"concert-month\">Lip 2025<\/div>\n<\/div>\n<div class=\"concert-info\">\n<div class=\"concert-venue\">Hydrozagadka<\/div>\n<div class=\"concert-city\">Warszawa<\/div>\n<\/div>\n<p> <span class=\"concert-badge\">Wst\u0119p wolny<\/span>\n <\/div>\n<div class=\"concert-item\">\n<div class=\"concert-date\">\n<div class=\"concert-day\">09<\/div>\n<div class=\"concert-month\">Sie 2025<\/div>\n<\/div>\n<div class=\"concert-info\">\n<div class=\"concert-venue\">Festiwal D\u017awi\u0119k\u00f3w<\/div>\n<div class=\"concert-city\">Krak\u00f3w<\/div>\n<\/div>\n<p> <span class=\"concert-badge\">Bilety<\/span>\n <\/div>\n<div class=\"concert-item\">\n<div class=\"concert-date\">\n<div class=\"concert-day\">23<\/div>\n<div class=\"concert-month\">Sie 2025<\/div>\n<\/div>\n<div class=\"concert-info\">\n<div class=\"concert-venue\">Klub Pog\u0142os<\/div>\n<div class=\"concert-city\">Warszawa<\/div>\n<\/div>\n<p> <span class=\"concert-badge\">Wst\u0119p wolny<\/span>\n <\/div>\n<p> <!-- KONIEC LISTY KONCERT\u00d3W --><\/p>\n<p style=\"text-align:center; margin-top:1.5rem; font-size:0.8rem; color:var(--fg-muted); font-family:var(--font-mono);\">\n \u015aled\u017a nas na social media, \u017ceby nie przegapi\u0107 nowych dat!\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- WIDEO \/ REELS --><\/p>\n<section class=\"section\" id=\"wideo\">\n<div class=\"container\">\n<div class=\"text-center reveal\">\n <span class=\"section-label\">Wideo<\/span><\/p>\n<h2 class=\"section-title\">Zobacz nas w akcji<\/h2>\n<p class=\"text-muted max-w-2xl\" style=\"margin-top:1rem;\">Pr\u00f3by, koncerty, backstage \u2014 fragmenty naszej drogi na \u017cywo.<\/p>\n<\/p><\/div>\n<div class=\"reels-grid reveal\" style=\"margin-top:3rem;\">\n<div class=\"reel-frame\">\n <iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2Freel%2F3018983451827441%2F&show_text=false&width=267&t=0\" width=\"267\" height=\"476\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n <\/div>\n<div class=\"reel-frame\">\n <iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2Freel%2F26198545623160535%2F&show_text=false&width=267&t=0\" width=\"267\" height=\"476\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n <\/div>\n<div class=\"reel-frame\">\n <iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1406814764549324%2F&show_text=false&width=267&t=0\" width=\"267\" height=\"476\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- GALERIA --><\/p>\n<section class=\"section\" id=\"galeria\">\n<div class=\"container\">\n<div class=\"text-center reveal\">\n <span class=\"section-label\">Galeria<\/span><\/p>\n<h2 class=\"section-title\">Za kulisami i na scenie<\/h2>\n<p class=\"text-muted max-w-2xl\" style=\"margin-top:1rem;\">Ka\u017cdy koncert to inna podr\u00f3\u017c. Ka\u017cda pr\u00f3ba to odkrywanie na nowo. Oto fragmenty naszej drogi \u2014 surowe, prawdziwe, bez filtr\u00f3w.<\/p>\n<\/p><\/div>\n<div class=\"gallery-grid reveal\" style=\"margin-top:3rem;\">\n<div class=\"gallery-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/GNDFiJNwTkcMJiXA.jpg\" alt=\"VASHQA\" loading=\"lazy\"\/><\/div>\n<div class=\"gallery-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/DbrayAevweNMDCzL.jpg\" alt=\"VASHQA\" loading=\"lazy\"\/><\/div>\n<div class=\"gallery-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/hMajTOuEjQXELAgw.jpg\" alt=\"VASHQA\" loading=\"lazy\"\/><\/div>\n<div class=\"gallery-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/FjBVjluKrOcmgNps.jpg\" alt=\"VASHQA\" loading=\"lazy\"\/><\/div>\n<div class=\"gallery-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/HLKjNJKFDEKtSuIE.jpg\" alt=\"VASHQA\" loading=\"lazy\"\/><\/div>\n<div class=\"gallery-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/MyybPWndfFWQPfeI.jpg\" alt=\"VASHQA\" loading=\"lazy\"\/><\/div>\n<div class=\"gallery-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/ZOeadjuOplRwOFDt.jpg\" alt=\"VASHQA\" loading=\"lazy\"\/><\/div>\n<div class=\"gallery-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/dSmjsQKbifnSLcmx.jpg\" alt=\"VASHQA\" loading=\"lazy\"\/><\/div>\n<div class=\"gallery-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/IkKajfaiZrNGSpOv.jpg\" alt=\"VASHQA\" loading=\"lazy\"\/><\/div>\n<div class=\"gallery-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/dCIqlRhkRQcqgoQN.jpg\" alt=\"VASHQA\" loading=\"lazy\"\/><\/div>\n<div class=\"gallery-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/aMWENlaSfzBdNUQd.jpg\" alt=\"VASHQA\" loading=\"lazy\"\/><\/div>\n<div class=\"gallery-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/ohJwtDTZYdClbTQL.jpg\" alt=\"VASHQA\" loading=\"lazy\"\/><\/div>\n<div class=\"gallery-item\" onclick=\"openLightbox(this)\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/ncobYXYQStrMAiQg.jpg\" alt=\"VASHQA\" loading=\"lazy\"\/><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- LIGHTBOX --><\/p>\n<div class=\"lightbox\" id=\"lightbox\" onclick=\"closeLightbox()\">\n <span class=\"lightbox-close\">\u2715<\/span><br \/>\n <img decoding=\"async\" id=\"lightboxImg\" src=\"\" alt=\"VASHQA\" \/>\n <\/div>\n<p> <!-- DLA AGENCJI \/ EPK --><\/p>\n<section class=\"section epk-bg\" id=\"dla-agencji\">\n<div class=\"container\">\n<div class=\"epk-content reveal\">\n <span class=\"section-label\">Dla agencji i organizator\u00f3w<\/span><\/p>\n<h2 class=\"section-title\">Zapro\u015b nas na scen\u0119<\/h2>\n<div class=\"about-text\" style=\"margin-top:1.5rem;\">\n<p>VASHQA to energetyczny live act z pe\u0142nym, sze\u015bcioosobowym sk\u0142adem. Gramy autorski materia\u0142 \u2014 od intymnych ballad po eksplozje pe\u0142ne mocy. Nasz set trwa 45\u201390 minut i dostosowujemy go do formatu wydarzenia.<\/p>\n<p>Na scenie \u0142\u0105czymy surow\u0105 autentyczno\u015b\u0107 z przemy\u015blan\u0105 dramaturgi\u0105 koncertu. Budujemy napi\u0119cie, zostawiamy przestrze\u0144 na oddech, a potem uderzamy z pe\u0142n\u0105 moc\u0105. Publiczno\u015b\u0107 nie jest widzem \u2014 jest cz\u0119\u015bci\u0105 podr\u00f3\u017cy.<\/p>\n<p>Sprawdzamy si\u0119 zar\u00f3wno na kameralnych scenach klubowych, jak i na du\u017cych festiwalowych estradach. Nasz repertuar pozwala nam dopasowa\u0107 set do charakteru wydarzenia \u2014 od spokojnych, refleksyjnych wieczor\u00f3w po intensywne, taneczne koncerty.<\/p>\n<\/p><\/div>\n<div class=\"epk-cards\">\n<div class=\"epk-card\">\n<h3>Dane techniczne<\/h3>\n<ul>\n<li>Sk\u0142ad: 6 os\u00f3b<\/li>\n<li>Wokal + 2 gitary + bas + klawisze + perkusja<\/li>\n<li>Wymagany backline (nie posiadamy w\u0142asnego)<\/li>\n<li>Rider techniczny na zapytanie<\/li>\n<li>Set: 45\u201390 min<\/li>\n<li>Czas rozstawienia: ok. 30 min<\/li>\n<li>Soundcheck: 20\u201330 min<\/li>\n<\/ul><\/div>\n<div class=\"epk-card\">\n<h3>Format i mo\u017cliwo\u015bci<\/h3>\n<ul>\n<li>Autorski repertuar (teksty polskie)<\/li>\n<li>Koncerty klubowe i festiwalowe<\/li>\n<li>Eventy firmowe i prywatne<\/li>\n<li>Elastyczny set \u2014 od kameralnego po pe\u0142n\u0105 moc<\/li>\n<li>Wszystkie utwory zarejestrowane w ZAiKS<\/li>\n<li>Materia\u0142y prasowe na zapytanie<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<div class=\"epk-quote\">\n \u201eVASHQA to zesp\u00f3\u0142, kt\u00f3ry nie gra koncert\u00f3w \u2014 zabiera publiczno\u015b\u0107 w podr\u00f3\u017c. Surowe brzmienie, kobieca wra\u017cliwo\u015b\u0107 wokalu i dynamiczne kontrasty tworz\u0105 do\u015bwiadczenie, kt\u00f3re zostaje w pami\u0119ci.\"\n <\/div>\n<div style=\"margin-top:2.5rem;\">\n <a href=\"#kontakt\" class=\"btn btn-solid\">\u2709 Zapytaj o termin<\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- KONTAKT --><\/p>\n<section class=\"section\" id=\"kontakt\">\n<div class=\"container\">\n<div class=\"text-center reveal\">\n <span class=\"section-label\">Kontakt<\/span><\/p>\n<h2 class=\"section-title\">Skontaktuj si\u0119 z nami<\/h2>\n<p class=\"text-muted max-w-2xl\" style=\"margin-top:1rem;\">Chcesz zaprosi\u0107 nas na koncert, zada\u0107 pytanie albo po prostu powiedzie\u0107, \u017ce lubisz nasz\u0105 muzyk\u0119? Czekamy na wiadomo\u015b\u0107!<\/p>\n<\/p><\/div>\n<div class=\"contact-grid reveal\" style=\"margin-top:3rem;\">\n <!-- Info --><\/p>\n<div class=\"contact-card\">\n<h3>Dane kontaktowe<\/h3>\n<div class=\"contact-row\">\n<div class=\"contact-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\n<div>\n<div class=\"contact-label\">Email<\/div>\n<div class=\"contact-value\"><a href=\"mailto:kontakt@vashqa.pl\">kontakt@vashqa.pl<\/a><\/div>\n<\/div><\/div>\n<div class=\"contact-row\">\n<div class=\"contact-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n<div>\n<div class=\"contact-label\">Social media<\/div>\n<div class=\"social-links\">\n <a href=\"https:\/\/www.instagram.com\/salanr10\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><\/svg><\/a><br \/>\n <a href=\"https:\/\/www.facebook.com\/salanr10\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg><\/a><br \/>\n <a href=\"https:\/\/youtube.com\/@salanr10\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22.54 6.42a2.78 2.78 0 00-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 00-1.94 2A29 29 0 001 11.75a29 29 0 00.46 5.33A2.78 2.78 0 003.4 19.1c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 001.94-2 29 29 0 00.46-5.25 29 29 0 00-.46-5.43z\"\/><polygon points=\"9.75,15.02 15.5,11.75 9.75,8.48\" fill=\"#0d1117\"\/><\/svg><\/a><br \/>\n <a href=\"https:\/\/www.tiktok.com\/@salanr10\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.88 2.89 2.89 0 01-2.88-2.88 2.89 2.89 0 012.88-2.88c.28 0 .55.04.81.1v-3.5a6.37 6.37 0 00-.81-.05A6.34 6.34 0 003.15 15.7a6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.34-6.34V9.41a8.16 8.16 0 004.76 1.52v-3.4a4.85 4.85 0 01-1-.84z\"\/><\/svg><\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Form --><\/p>\n<div class=\"contact-card\">\n<h3>Napisz do nas<\/h3>\n<form id=\"contactForm\" onsubmit=\"handleContactSubmit(event)\">\n<div class=\"form-group\">\n <label class=\"form-label\">Imi\u0119<\/label><br \/>\n <input type=\"text\" class=\"form-input\" name=\"name\" placeholder=\"Twoje imi\u0119\" required \/>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\">Adres e-mail<\/label><br \/>\n <input type=\"email\" class=\"form-input\" name=\"email\" placeholder=\"twoj@email.pl\" required \/>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\">Wiadomo\u015b\u0107<\/label><br \/>\n <textarea class=\"form-textarea\" name=\"message\" placeholder=\"Napisz do nas...\" required><\/textarea>\n <\/div>\n<p> <button type=\"submit\" class=\"form-submit\">\u2709 Wy\u015blij wiadomo\u015b\u0107<\/button><br \/>\n <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- FOOTER --><\/p>\n<footer class=\"footer\">\n<div class=\"container footer-inner\">\n<div class=\"footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663173713025\/HpbqTNhjamHKLpxy.png\" alt=\"\" \/><br \/>\n <span>\u00a9 2024\u20132026 VASHQA. Warszawa, Polska.<\/span>\n <\/div>\n<div class=\"footer-credit\">\n Zdj\u0119cia: <a href=\"https:\/\/www.facebook.com\/lisa.zawadzka\" target=\"_blank\" rel=\"noopener\">Lisa Zawadzka<\/a>\n <\/div>\n<div class=\"footer-social\">\n <a href=\"https:\/\/www.instagram.com\/salanr10\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"16\" height=\"16\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><\/svg><\/a><br \/>\n <a href=\"https:\/\/www.facebook.com\/salanr10\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg><\/a><br \/>\n <a href=\"https:\/\/youtube.com\/@salanr10\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M22.54 6.42a2.78 2.78 0 00-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 00-1.94 2A29 29 0 001 11.75a29 29 0 00.46 5.33A2.78 2.78 0 003.4 19.1c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 001.94-2 29 29 0 00.46-5.25 29 29 0 00-.46-5.43z\"\/><polygon points=\"9.75,15.02 15.5,11.75 9.75,8.48\" fill=\"#0d1117\"\/><\/svg><\/a><br \/>\n <a href=\"https:\/\/www.tiktok.com\/@salanr10\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.88 2.89 2.89 0 01-2.88-2.88 2.89 2.89 0 012.88-2.88c.28 0 .55.04.81.1v-3.5a6.37 6.37 0 00-.81-.05A6.34 6.34 0 003.15 15.7a6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.34-6.34V9.41a8.16 8.16 0 004.76 1.52v-3.4a4.85 4.85 0 01-1-.84z\"\/><\/svg><\/a>\n <\/div>\n<\/p><\/div>\n<\/footer>\n<p> <!-- JAVASCRIPT --><br \/>\n <script>\n \/\/ === NAV SCROLL ===\n window.addEventListener('scroll', function() {\n document.getElementById('mainNav').classList.toggle('scrolled', window.scrollY > 50);\n });<\/p>\n<p> \/\/ === REVEAL ON SCROLL ===\n var reveals = document.querySelectorAll('.reveal');\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: '-50px' });\n reveals.forEach(function(el) { observer.observe(el); });<\/p>\n<p> \/\/ === LIGHTBOX ===\n function openLightbox(el) {\n var src = el.querySelector('img').src;\n document.getElementById('lightboxImg').src = src;\n document.getElementById('lightbox').classList.add('open');\n }\n function closeLightbox() {\n document.getElementById('lightbox').classList.remove('open');\n }<\/p>\n<p> \/\/ === MUSIC PLAYER ===\n var tracks = [\n { title: 'Dotyk Tw\u00f3j', src: 'TUTAJ_WKLEJ_URL_MP3_1' },\n { title: 'Nie m\u00f3w nic', src: 'TUTAJ_WKLEJ_URL_MP3_2' },\n { title: 'Taniec w s\u0142o\u0144cu', src: 'TUTAJ_WKLEJ_URL_MP3_3' },\n { title: 'Lepsze dzi\u015b', src: 'TUTAJ_WKLEJ_URL_MP3_4' },\n { title: 'Z\u0142ap mnie za r\u0119k\u0119', src: 'TUTAJ_WKLEJ_URL_MP3_5' }\n ];<\/p>\n<p> var audio = new Audio();\n audio.preload = 'metadata';\n var currentTrack = -1;\n var isPlaying = false;<\/p>\n<p> \/\/ Build tracklist\n var tracklistEl = document.getElementById('tracklist');\n tracks.forEach(function(t, i) {\n var div = document.createElement('div');\n div.className = 'track-item';\n div.setAttribute('data-index', i);\n div.onclick = function() { playTrack(i); };\n div.innerHTML = '<span class=\"track-num\">' + String(i+1).padStart(2,'0') + '<\/span>' +\n '<\/p>\n<div class=\"track-play-btn\"><svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg><\/div>\n<p>' +\n '<\/p>\n<div class=\"track-info\">\n<div class=\"track-title\">' + t.title + '<\/div>\n<div class=\"track-artist\">VASHQA<\/div>\n<\/div>\n<p>' +\n '<span class=\"track-duration\">--:--<\/span>';\n tracklistEl.appendChild(div);\n });<\/p>\n<p> function formatTime(s) {\n if (!s || !isFinite(s)) return '0:00';\n var m = Math.floor(s\/60), sec = Math.floor(s%60);\n return m + ':' + (sec<10?'0':'') + sec;\n }\n\n \/\/ Load durations\n tracks.forEach(function(t, i) {\n var tmp = new Audio(); tmp.preload = 'metadata'; tmp.src = t.src;\n tmp.addEventListener('loadedmetadata', function() {\n var items = document.querySelectorAll('.track-item');\n if (items[i]) items[i].querySelector('.track-duration').textContent = formatTime(tmp.duration);\n });\n });\n\n audio.addEventListener('timeupdate', function() {\n if (audio.duration) {\n document.getElementById('progressFill').style.width = (audio.currentTime\/audio.duration*100) + '%';\n document.getElementById('timeCurrent').textContent = formatTime(audio.currentTime);\n document.getElementById('timeTotal').textContent = formatTime(audio.duration);\n }\n });\n audio.addEventListener('ended', function() { nextTrack(); });\n\n function setActive(idx) {\n document.querySelectorAll('.track-item').forEach(function(el, i) {\n el.classList.toggle('active', i === idx);\n });\n }\n\n function updatePlayBtn() {\n var btn = document.getElementById('playMainBtn');\n if (isPlaying) {\n btn.innerHTML = '<svg viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" fill=\"currentColor\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" fill=\"currentColor\"\/><\/svg>';\n } else {\n btn.innerHTML = '<svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg>';\n }\n }<\/p>\n<p> function playTrack(idx) {\n if (idx === currentTrack && isPlaying) { audio.pause(); isPlaying = false; updatePlayBtn(); return; }\n currentTrack = idx;\n audio.src = tracks[idx].src;\n audio.play();\n isPlaying = true;\n setActive(idx);\n document.getElementById('nowPlaying').textContent = 'Teraz gramy: ' + tracks[idx].title;\n updatePlayBtn();\n }<\/p>\n<p> function togglePlay() {\n if (currentTrack < 0) { playTrack(0); return; }\n if (isPlaying) { audio.pause(); isPlaying = false; }\n else { audio.play(); isPlaying = true; }\n updatePlayBtn();\n }\n\n function nextTrack() { playTrack((currentTrack + 1) % tracks.length); }\n function prevTrack() { playTrack(currentTrack <= 0 ? tracks.length - 1 : currentTrack - 1); }\n\n function seekAudio(e) {\n if (!audio.duration) return;\n var bar = document.getElementById('progressBar');\n var rect = bar.getBoundingClientRect();\n audio.currentTime = ((e.clientX - rect.left) \/ rect.width) * audio.duration;\n }\n\n \/\/ === CONTACT FORM ===\n function handleContactSubmit(e) {\n e.preventDefault();\n var form = e.target;\n var name = form.querySelector('[name=\"name\"]').value;\n var message = form.querySelector('[name=\"message\"]').value;\n var subject = encodeURIComponent('Wiadomo\u015b\u0107 od ' + name);\n var body = encodeURIComponent(message);\n window.open('mailto:kontakt@vashqa.pl?subject=' + subject + '&body=' + body);\n \/\/ Na WordPressie zamie\u0144 na obs\u0142ug\u0119 pluginu (np. Contact Form 7)\n }\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vashqa.pl\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vashqa.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vashqa.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vashqa.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vashqa.pl\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":2,"href":"https:\/\/vashqa.pl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":272,"href":"https:\/\/vashqa.pl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/272"}],"wp:attachment":[{"href":"https:\/\/vashqa.pl\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}