{"id":31,"date":"2026-06-20T18:55:37","date_gmt":"2026-06-20T18:55:37","guid":{"rendered":"https:\/\/beniband.com\/?page_id=31"},"modified":"2026-07-31T11:40:55","modified_gmt":"2026-07-31T11:40:55","slug":"beniband-1","status":"publish","type":"page","link":"https:\/\/beniband.com\/?page_id=31\/","title":{"rendered":"Beniband"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nBehnam Ghazanfaripour \u2014 Persian Santoor<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n:root {\r\n --gold: #C9A96E;\r\n --gold-light: #E8D5B0;\r\n --gold-dark: #8B6B3D;\r\n --ink: #0D0D0D;\r\n --ink-soft: #1A1A1A;\r\n --cream: #F5F0E8;\r\n --serif: 'Cormorant Garamond', Georgia, serif;\r\n --sans: 'Inter', sans-serif;\r\n direction: ltr;\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\nbody { background: var(--ink); color: var(--cream); font-family: var(--sans); font-weight: 300; overflow-x: hidden; }\r\n\r\n#bg-canvas { position: fixed; inset: 0; z-index: 0; pointer-events: none; }\r\n\r\nnav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 1.4rem 3rem;\r\n background: linear-gradient(to bottom, rgba(13,13,13,0.95) 0%, transparent 100%);\r\n backdrop-filter: blur(4px);\r\n}\r\n.nav-logo { font-family: var(--serif); font-size: 1.1rem; font-weight: 300; letter-spacing: 0.12em; color: var(--gold-light); text-decoration: none; }\r\n.nav-links { display: flex; gap: 2rem; list-style: none; }\r\n.nav-links a { font-size: 0.68rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(245,240,232,0.6); text-decoration: none; transition: color 0.3s; }\r\n.nav-links a:hover { color: var(--gold); }\r\n.nav-toggle { display: none; background: none; border: none; cursor: pointer; flex-direction: column; gap: 5px; padding: 4px; }\r\n.nav-toggle span { display: block; width: 24px; height: 1px; background: var(--cream); transition: all 0.3s; }\r\n\r\n#hero { position: relative; z-index: 1; min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 8rem 2rem 5rem; }\r\n.hero-inner { max-width: 860px; }\r\n.hero-eyebrow { font-size: 0.68rem; letter-spacing: 0.35em; text-transform: uppercase; color: var(--gold); margin-bottom: 2rem; opacity: 0; animation: fadeUp 1s 0.3s forwards; }\r\n.hero-name { \r\n font-family: var(--serif); \r\n font-size: clamp(3.5rem, 10vw, 8rem); \r\n font-weight: 100;\r\n line-height: 0.92; \r\n color: var(--cream); \r\n letter-spacing: -0.01em; \r\n opacity: 0; \r\n animation: fadeUp 1s 0.8s forwards; \r\n}\r\n.hero-name em { font-weight: 100; color: var(--gold-light); }\r\n.hero-tagline { margin-top: 2rem; font-family: var(--serif); font-size: clamp(1rem, 2.5vw, 1.3rem); font-weight: 300; font-style: italic; color: rgba(245,240,232,0.6); line-height: 1.65; opacity: 0; animation: fadeUp 1s 0.7s forwards; }\r\n.hero-divider { width: 60px; height: 1px; background: var(--gold); margin: 2.5rem auto; opacity: 0; animation: fadeUp 1s 0.9s forwards; }\r\n.hero-stats { display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap; opacity: 0; animation: fadeUp 1s 1.1s forwards; }\r\n.hero-stat { text-align: center; }\r\n.hero-stat-num { font-family: var(--serif); font-size: 2.2rem; font-weight: 300; color: var(--gold); display: block; line-height: 1; }\r\n.hero-stat-label { font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(245,240,232,0.4); margin-top: 0.4rem; display: block; }\r\n.scroll-hint { position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 0.5rem; opacity: 0; animation: fadeIn 1s 1.8s forwards; }\r\n.scroll-hint span { font-size: 0.58rem; letter-spacing: 0.25em; text-transform: uppercase; color: rgba(245,240,232,0.3); }\r\n.scroll-line { width: 1px; height: 40px; background: linear-gradient(to bottom, var(--gold), transparent); animation: scrollDrop 2s 2s infinite; }\r\n\r\nsection { position: relative; z-index: 1; }\r\n.section-wrap { max-width: 1100px; margin: 0 auto; padding: 0 2rem; }\r\n.section-label { font-size: 0.63rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); margin-bottom: 1rem; }\r\n.section-title { font-family: var(--serif); font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 300; line-height: 1.1; color: var(--cream); }\r\n\r\n#biography { padding: 8rem 0; }\r\n.bio-grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: 5rem; align-items: start; margin-top: 4rem; }\r\n.bio-left { position: sticky; top: 8rem; }\r\n.bio-portrait { \r\n width: 100%; \r\n aspect-ratio: 3\/4; \r\n background: linear-gradient(160deg, #1e1a14 0%, #2a2018 50%, #151210 100%); \r\n border: 1px solid rgba(201,169,110,0.2); \r\n display: flex; \r\n align-items: center; \r\n justify-content: center; \r\n overflow: hidden; \r\n position: relative; \r\n}\r\n.bio-portrait img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n.bio-portrait .portrait-instrument { \r\n position: absolute; \r\n bottom: 1.5rem; \r\n left: 0; \r\n right: 0; \r\n text-align: center; \r\n font-size: 0.58rem; \r\n letter-spacing: 0.3em; \r\n text-transform: uppercase; \r\n color: rgba(201,169,110,0.7); \r\n background: rgba(13,13,13,0.6);\r\n padding: 0.5rem 0;\r\n}\r\n.bio-badges { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.5rem; }\r\n.badge { font-size: 0.58rem; letter-spacing: 0.15em; text-transform: uppercase; padding: 0.4rem 0.9rem; border: 1px solid rgba(201,169,110,0.3); color: var(--gold-light); }\r\n.bio-text p { font-family: var(--serif); font-size: 1.15rem; font-weight: 300; line-height: 1.85; color: rgba(245,240,232,0.8); margin-bottom: 1.5rem; }\r\n.bio-text p:first-child { font-size: 1.4rem; color: rgba(245,240,232,0.95); font-style: italic; }\r\n.bio-highlight { border-left: 2px solid var(--gold); padding-left: 1.5rem; margin: 2.5rem 0; }\r\n.bio-highlight p { font-family: var(--serif); font-size: 1.3rem !important; font-style: italic; color: var(--gold-light) !important; }\r\n\r\n\/* ============================================================ *\/\r\n\/* GALLERY \u2014 \u0628\u062f\u0648\u0646 \u0628\u0631\u0634 \u0628\u0627 object-fit: contain *\/\r\n\/* ============================================================ *\/\r\n#gallery { padding: 7rem 0; border-top: 1px solid rgba(201,169,110,0.08); }\r\n.carousel-outer { position: relative; overflow: hidden; padding: 2rem 0; }\r\n.carousel-track-3d {\r\n display: flex; \r\n align-items: center; \r\n justify-content: center;\r\n position: relative; \r\n height: 460px;\r\n}\r\n.c-slide {\r\n position: absolute; \r\n width: 420px; \r\n height: 360px;\r\n border-radius: 4px; \r\n overflow: hidden; \r\n cursor: pointer;\r\n transition: all 0.7s cubic-bezier(0.4,0,0.2,1);\r\n border: 1px solid rgba(201,169,110,0.15);\r\n background: #0a0a0a;\r\n box-shadow: 0 4px 30px rgba(0,0,0,0.3);\r\n will-change: transform, filter, opacity;\r\n}\r\n.c-slide .slide-img-wrap {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n background: #0a0a0a;\r\n}\r\n.c-slide .slide-img-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; \/* \u06a9\u0644 \u062a\u0635\u0648\u06cc\u0631 \u0628\u062f\u0648\u0646 \u0628\u0631\u0634 *\/\r\n object-position: center center;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n}\r\n.c-slide:hover .slide-img-wrap img {\r\n transform: scale(1.02);\r\n}\r\n.c-slide .slide-caption {\r\n position:absolute; \r\n bottom:0; \r\n left:0; \r\n right:0;\r\n padding:2rem 1.5rem 1.2rem;\r\n background: linear-gradient(to top, rgba(13,13,13,0.92) 0%, transparent 100%);\r\n pointer-events: none;\r\n}\r\n.slide-caption-title { font-family:var(--serif); font-size:1.05rem; font-weight:300; color:var(--cream); }\r\n.slide-caption-sub { font-size:0.6rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold); margin-top:0.3rem; }\r\n\r\n\/* \u0645\u0648\u0642\u0639\u06cc\u062a\u200c\u0647\u0627 \u0628\u0627 \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0632\u0631\u06af\u062a\u0631 \u0648 \u0641\u06cc\u0644\u062a\u0631 \u0628\u0644\u0648\u0631 *\/\r\n.c-slide.pos-center { \r\n transform:translateX(0) scale(1.12); \r\n z-index:10; \r\n border-color:rgba(201,169,110,0.6); \r\n box-shadow:0 30px 80px rgba(0,0,0,0.7);\r\n filter: blur(0px) brightness(1);\r\n}\r\n.c-slide.pos-left1 { \r\n transform:translateX(-360px) scale(0.78); \r\n z-index:7; \r\n filter: blur(3px) brightness(0.5); \r\n}\r\n.c-slide.pos-left2 { \r\n transform:translateX(-580px) scale(0.60); \r\n z-index:4; \r\n filter: blur(6px) brightness(0.3); \r\n}\r\n.c-slide.pos-right1 { \r\n transform:translateX(360px) scale(0.78); \r\n z-index:7; \r\n filter: blur(3px) brightness(0.5); \r\n}\r\n.c-slide.pos-right2 { \r\n transform:translateX(580px) scale(0.60); \r\n z-index:4; \r\n filter: blur(6px) brightness(0.3); \r\n}\r\n.c-slide.pos-hidden { \r\n transform:translateX(780px) scale(0.5); \r\n z-index:1; \r\n opacity:0; \r\n pointer-events:none; \r\n filter: blur(8px);\r\n}\r\n.c-slide.pos-hidden-left { \r\n transform:translateX(-780px) scale(0.5); \r\n z-index:1; \r\n opacity:0; \r\n pointer-events:none; \r\n filter: blur(8px);\r\n}\r\n\r\n.carousel-nav { display:flex; justify-content:center; align-items:center; gap:1.5rem; margin-top:2.5rem; }\r\n.nav-btn { \r\n width:48px; height:48px; \r\n border:1px solid rgba(201,169,110,0.35); \r\n background:transparent; \r\n color:var(--gold); \r\n cursor:pointer; \r\n font-size:1.2rem; \r\n display:flex; \r\n align-items:center; \r\n justify-content:center; \r\n transition:all 0.3s; \r\n border-radius:50%;\r\n}\r\n.nav-btn:hover { background:rgba(201,169,110,0.15); border-color:var(--gold); transform:scale(1.05); }\r\n.carousel-dots-3d { display:flex; gap:0.6rem; align-items:center; }\r\n.dot-3d { \r\n width:7px; height:7px; \r\n background:rgba(201,169,110,0.2); \r\n border:none; \r\n cursor:pointer; \r\n transition:all 0.4s; \r\n padding:0; \r\n border-radius:50%;\r\n}\r\n.dot-3d.active { \r\n background:var(--gold); \r\n width:28px; \r\n border-radius:4px;\r\n}\r\n.progress-bar-wrap { width:120px; height:2px; background:rgba(201,169,110,0.12); position:relative; overflow:hidden; }\r\n.progress-bar-fill { height:100%; width:0%; background:var(--gold); transition:width 0.1s linear; }\r\n\r\n#photo-upload { display: none; }\r\n\r\n#achievements { padding: 8rem 0; background: rgba(201,169,110,0.03); border-top: 1px solid rgba(201,169,110,0.08); border-bottom: 1px solid rgba(201,169,110,0.08); }\r\n.achievements-intro { max-width: 600px; margin-bottom: 5rem; }\r\n.achievements-intro p { font-family: var(--serif); font-size: 1.15rem; font-weight: 300; font-style: italic; color: rgba(245,240,232,0.5); margin-top: 1.2rem; line-height: 1.7; }\r\n.achievements-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1px; background: rgba(201,169,110,0.1); }\r\n.achievement-card { background: var(--ink-soft); padding: 2.5rem; transition: background 0.3s; }\r\n.achievement-card:hover { background: rgba(201,169,110,0.06); }\r\n.ach-icon { width: 36px; height: 36px; margin-bottom: 1.5rem; opacity: 0.7; }\r\n.ach-title { font-family: var(--serif); font-size: 1.25rem; font-weight: 400; color: var(--cream); margin-bottom: 0.75rem; line-height: 1.3; }\r\n.ach-desc { font-size: 0.82rem; line-height: 1.75; color: rgba(245,240,232,0.5); font-weight: 300; }\r\n.ach-year { display: inline-block; margin-top: 1.2rem; font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); }\r\n\r\n\/* MUSIC PLAYER *\/\r\n#music { padding: 8rem 0; border-top: 1px solid rgba(201,169,110,0.08); }\r\n.player-container { margin-top: 3.5rem; display: grid; grid-template-columns: 1.2fr 1fr; gap: 3rem; align-items: start; }\r\n.player-main {\r\n background: rgba(201,169,110,0.04);\r\n border: 1px solid rgba(201,169,110,0.15);\r\n padding: 2.5rem;\r\n}\r\n.player-now { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 2rem; }\r\n.player-art {\r\n width: 70px; height: 70px; flex-shrink: 0;\r\n background: linear-gradient(135deg, #1e1a10, #2c2410);\r\n border: 1px solid rgba(201,169,110,0.2);\r\n display: flex; align-items: center; justify-content: center;\r\n position: relative; overflow: hidden;\r\n}\r\n.player-art-spin {\r\n width: 40px; height: 40px; border-radius: 50%;\r\n border: 1.5px solid rgba(201,169,110,0.4);\r\n border-top-color: var(--gold);\r\n animation: spin 3s linear infinite paused;\r\n}\r\n.player-art-spin.playing { animation-play-state: running; }\r\n.player-info { flex: 1; min-width: 0; }\r\n.player-track-name { font-family: var(--serif); font-size: 1.3rem; font-weight: 300; color: var(--cream); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n.player-track-sub { font-size: 0.62rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold); margin-top: 0.3rem; }\r\n.player-progress-wrap { margin-bottom: 1.5rem; }\r\n.player-progress-bar {\r\n width: 100%; height: 2px; background: rgba(201,169,110,0.15);\r\n cursor: pointer; position: relative;\r\n}\r\n.player-progress-fill {\r\n height: 100%; background: var(--gold); width: 0%;\r\n transition: width 0.1s linear; position: relative;\r\n}\r\n.player-progress-fill::after {\r\n content: ''; position: absolute; right: -4px; top: -3px;\r\n width: 8px; height: 8px; background: var(--gold); border-radius: 50%;\r\n}\r\n.player-times { display: flex; justify-content: space-between; margin-top: 0.5rem; font-size: 0.65rem; color: rgba(245,240,232,0.35); font-variant-numeric: tabular-nums; }\r\n.player-controls { display: flex; align-items: center; justify-content: center; gap: 1.5rem; }\r\n.ctrl-btn {\r\n background: none; border: none; cursor: pointer; color: rgba(245,240,232,0.5);\r\n padding: 0.4rem; transition: color 0.3s; display: flex; align-items: center;\r\n}\r\n.ctrl-btn:hover { color: var(--gold); }\r\n.ctrl-btn.play-btn {\r\n width: 52px; height: 52px; border: 1px solid rgba(201,169,110,0.4);\r\n color: var(--gold); display: flex; align-items: center; justify-content: center;\r\n transition: all 0.3s;\r\n}\r\n.ctrl-btn.play-btn:hover { background: rgba(201,169,110,0.1); border-color: var(--gold); }\r\n.volume-wrap { display: flex; align-items: center; gap: 0.75rem; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid rgba(201,169,110,0.08); }\r\n.volume-label { font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(245,240,232,0.3); }\r\n.volume-slider { flex: 1; -webkit-appearance: none; appearance: none; height: 2px; background: rgba(201,169,110,0.15); outline: none; cursor: pointer; }\r\n.volume-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; background: var(--gold); border-radius: 50%; cursor: pointer; }\r\n\r\n\/* PLAYLIST *\/\r\n.playlist-panel { }\r\n.playlist-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(201,169,110,0.1); }\r\n.playlist-title-label { font-size: 0.63rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--gold); }\r\n.playlist-count { font-size: 0.63rem; color: rgba(245,240,232,0.3); }\r\n.playlist-items { display: flex; flex-direction: column; max-height: 360px; overflow-y: auto; }\r\n.playlist-items::-webkit-scrollbar { width: 2px; }\r\n.playlist-items::-webkit-scrollbar-track { background: transparent; }\r\n.playlist-items::-webkit-scrollbar-thumb { background: rgba(201,169,110,0.3); }\r\n.playlist-item {\r\n display: flex; align-items: center; gap: 1rem;\r\n padding: 0.9rem 1rem; cursor: pointer;\r\n border-bottom: 1px solid rgba(201,169,110,0.05);\r\n transition: background 0.2s; position: relative;\r\n}\r\n.playlist-item:hover { background: rgba(201,169,110,0.05); }\r\n.playlist-item.active { background: rgba(201,169,110,0.08); }\r\n.playlist-item.active .pl-name { color: var(--gold); }\r\n.pl-num { font-size: 0.7rem; color: rgba(245,240,232,0.25); width: 20px; text-align: center; flex-shrink: 0; font-variant-numeric: tabular-nums; }\r\n.pl-info { flex: 1; min-width: 0; }\r\n.pl-name { font-family: var(--serif); font-size: 1rem; font-weight: 300; color: rgba(245,240,232,0.85); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n.pl-duration { font-size: 0.62rem; color: rgba(245,240,232,0.3); margin-top: 0.15rem; }\r\n.pl-bars { display: flex; align-items: flex-end; gap: 2px; height: 14px; flex-shrink: 0; opacity: 0; }\r\n.playlist-item.active.playing-now .pl-bars { opacity: 1; }\r\n.pl-bars span { display: block; width: 3px; background: var(--gold); border-radius: 1px; animation: barBounce 0.8s ease-in-out infinite alternate; }\r\n.pl-bars span:nth-child(2) { animation-delay: 0.2s; }\r\n.pl-bars span:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n\/* ============================================================ *\/\r\n\/* VIDEO SECTION \u2014 TWO-COLUMN LAYOUT (player left, playlist right) *\/\r\n\/* ============================================================ *\/\r\n#video-section { padding: 8rem 0; border-top: 1px solid rgba(201,169,110,0.08); }\r\n.video-container { \r\n margin-top: 3.5rem; \r\n display: grid; \r\n grid-template-columns: 1.2fr 1fr; \r\n gap: 3rem; \r\n align-items: start; \r\n}\r\n\r\n\/* \u0633\u062a\u0648\u0646 \u0686\u067e: \u067e\u062e\u0634\u200c\u06a9\u0646\u0646\u062f\u0647 \u0648\u06cc\u062f\u06cc\u0648 *\/\r\n.video-player-column {\r\n background: rgba(201,169,110,0.04);\r\n border: 1px solid rgba(201,169,110,0.15);\r\n overflow: hidden;\r\n}\r\n.video-player-wrapper {\r\n position: relative;\r\n width: 100%;\r\n padding-top: 56.25%; \/* \u0646\u0633\u0628\u062a 16:9 *\/\r\n background: #000;\r\n}\r\n.video-player-wrapper video {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n background: #000;\r\n}\r\n.video-player-info {\r\n padding: 1.5rem 1.8rem;\r\n background: rgba(13,13,13,0.6);\r\n border-top: 1px solid rgba(201,169,110,0.1);\r\n}\r\n.video-player-info .vp-title { \r\n font-family: var(--serif); \r\n font-size: 1.2rem; \r\n font-weight: 300; \r\n color: var(--cream); \r\n}\r\n.video-player-info .vp-sub { \r\n font-size: 0.6rem; \r\n letter-spacing: 0.2em; \r\n text-transform: uppercase; \r\n color: var(--gold); \r\n margin-top: 0.3rem; \r\n}\r\n.video-player-controls {\r\n display: flex; \r\n align-items: center; \r\n gap: 0.8rem;\r\n padding: 0.5rem 1.8rem 1.5rem;\r\n background: rgba(13,13,13,0.4);\r\n}\r\n.video-player-controls button {\r\n background: none; \r\n border: none; \r\n color: rgba(245,240,232,0.6); \r\n cursor: pointer;\r\n font-size: 1.2rem; \r\n transition: color 0.3s; \r\n display: flex; \r\n align-items: center;\r\n}\r\n.video-player-controls button:hover { color: var(--gold); }\r\n.video-progress-bar {\r\n flex: 1; \r\n height: 2px; \r\n background: rgba(201,169,110,0.15); \r\n cursor: pointer;\r\n position: relative;\r\n}\r\n.video-progress-fill {\r\n height: 100%; \r\n width: 0%; \r\n background: var(--gold);\r\n position: relative;\r\n}\r\n.video-progress-fill::after {\r\n content: ''; \r\n position: absolute; \r\n right: -4px; \r\n top: -3px;\r\n width: 8px; \r\n height: 8px; \r\n background: var(--gold); \r\n border-radius: 50%;\r\n}\r\n.video-time-display { \r\n font-size: 0.6rem; \r\n color: rgba(245,240,232,0.35); \r\n min-width: 80px; \r\n text-align: center; \r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n\/* \u0633\u062a\u0648\u0646 \u0631\u0627\u0633\u062a: \u0641\u0647\u0631\u0633\u062a \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627 (\u0645\u0634\u0627\u0628\u0647 \u0644\u06cc\u0633\u062a \u0645\u0648\u0632\u06cc\u06a9) *\/\r\n.video-playlist-panel { }\r\n.video-playlist-header {\r\n display: flex; \r\n justify-content: space-between; \r\n align-items: center; \r\n margin-bottom: 1.5rem; \r\n padding-bottom: 1rem; \r\n border-bottom: 1px solid rgba(201,169,110,0.1);\r\n}\r\n.video-playlist-title-label { \r\n font-size: 0.63rem; \r\n letter-spacing: 0.25em; \r\n text-transform: uppercase; \r\n color: var(--gold); \r\n}\r\n.video-playlist-count { \r\n font-size: 0.63rem; \r\n color: rgba(245,240,232,0.3); \r\n}\r\n.video-playlist-items {\r\n display: flex; \r\n flex-direction: column; \r\n max-height: 450px; \r\n overflow-y: auto;\r\n}\r\n.video-playlist-items::-webkit-scrollbar { width: 2px; }\r\n.video-playlist-items::-webkit-scrollbar-track { background: transparent; }\r\n.video-playlist-items::-webkit-scrollbar-thumb { background: rgba(201,169,110,0.3); }\r\n.video-playlist-item {\r\n display: flex; \r\n align-items: center; \r\n gap: 1rem;\r\n padding: 0.9rem 1rem; \r\n cursor: pointer;\r\n border-bottom: 1px solid rgba(201,169,110,0.05);\r\n transition: background 0.2s; \r\n position: relative;\r\n}\r\n.video-playlist-item:hover { background: rgba(201,169,110,0.05); }\r\n.video-playlist-item.active { \r\n background: rgba(201,169,110,0.08); \r\n}\r\n.video-playlist-item.active .vp-name { color: var(--gold); }\r\n.vp-num { \r\n font-size: 0.7rem; \r\n color: rgba(245,240,232,0.25); \r\n width: 20px; \r\n text-align: center; \r\n flex-shrink: 0; \r\n font-variant-numeric: tabular-nums; \r\n}\r\n.vp-thumb {\r\n width: 60px;\r\n height: 40px;\r\n flex-shrink: 0;\r\n background: #111;\r\n border-radius: 2px;\r\n overflow: hidden;\r\n border: 1px solid rgba(201,169,110,0.1);\r\n}\r\n.vp-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n.vp-info { flex: 1; min-width: 0; }\r\n.vp-name { \r\n font-family: var(--serif); \r\n font-size: 0.95rem; \r\n font-weight: 300; \r\n color: rgba(245,240,232,0.85); \r\n white-space: nowrap; \r\n overflow: hidden; \r\n text-overflow: ellipsis; \r\n}\r\n.vp-duration { \r\n font-size: 0.55rem; \r\n color: rgba(245,240,232,0.3); \r\n margin-top: 0.1rem; \r\n}\r\n.vp-playing-badge {\r\n font-size: 0.5rem;\r\n color: var(--gold);\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n}\r\n.video-playlist-item.active.playing-now .vp-playing-badge { opacity: 1; }\r\n\r\n\/* SOCIAL CONTACT *\/\r\n#social { padding: 7rem 0; background: rgba(201,169,110,0.03); border-top: 1px solid rgba(201,169,110,0.08); border-bottom: 1px solid rgba(201,169,110,0.08); text-align: center; }\r\n.social-intro { max-width: 600px; margin: 0 auto; }\r\n.social-intro p { font-family: var(--serif); font-size: 1.1rem; font-weight: 300; font-style: italic; color: rgba(245,240,232,0.5); margin-top: 1rem; line-height: 1.6; }\r\n.social-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n margin-top: 4rem;\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n border: 1px solid rgba(201,169,110,0.15);\r\n padding: 1.5rem;\r\n background: rgba(201,169,110,0.03);\r\n align-content: center;\r\n text-align: center;\r\n align-items: center;\r\n}\r\n.social-link {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.6rem;\r\n text-decoration: none;\r\n color: var(--cream);\r\n transition: all 0.3s;\r\n padding: 1rem 0.5rem;\r\n}\r\n.social-link:hover {\r\n transform: translateY(-3px);\r\n}\r\n.social-icon {\r\n width: 44px;\r\n height: 44px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n transition: all 0.3s;\r\n background: rgba(255,255,255,0.05);\r\n}\r\n.social-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n fill: currentColor;\r\n}\r\n.social-name {\r\n font-size: 0.55rem;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: rgba(245,240,232,0.5);\r\n}\r\n\r\n\/* Social icon brand colors *\/\r\n.social-link.instagram .social-icon { color: #E4405F; background: rgba(228,64,95,0.12); }\r\n.social-link.instagram:hover .social-icon { background: rgba(228,64,95,0.25); }\r\n.social-link.youtube .social-icon { color: #FF0000; background: rgba(255,0,0,0.12); }\r\n.social-link.youtube:hover .social-icon { background: rgba(255,0,0,0.25); }\r\n.social-link.facebook .social-icon { color: #1877F2; background: rgba(24,119,242,0.12); }\r\n.social-link.facebook:hover .social-icon { background: rgba(24,119,242,0.25); }\r\n.social-link.linkedin .social-icon { color: #0A66C2; background: rgba(10,102,194,0.12); }\r\n.social-link.linkedin:hover .social-icon { background: rgba(10,102,194,0.25); }\r\n.social-link.spotify .social-icon { color: #1DB954; background: rgba(29,185,84,0.12); }\r\n.social-link.spotify:hover .social-icon { background: rgba(29,185,84,0.25); }\r\n.social-link.twitter .social-icon { color: #000000; background: rgba(255,255,255,0.08); }\r\n.social-link.twitter:hover .social-icon { background: rgba(255,255,255,0.18); }\r\n\r\n.direct-contact { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid rgba(201,169,110,0.1); }\r\n.contact-email {\r\n display: inline-block; font-family: var(--serif); font-size: 1.2rem;\r\n font-weight: 300; color: var(--gold-light); margin-bottom: 1rem;\r\n}\r\n.contact-phone { font-family: var(--serif); font-size: 1rem; color: rgba(245,240,232,0.6); letter-spacing: 0.05em; }\r\n\r\n\/* FESTIVALS *\/\r\n#festivals { padding: 8rem 0; }\r\n.festivals-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem; flex-wrap: wrap; gap: 2rem; }\r\n.festival-list { columns: 2; column-gap: 4rem; }\r\n.festival-item { break-inside: avoid; display: flex; align-items: baseline; gap: 1rem; padding: 0.85rem 0; border-bottom: 1px solid rgba(201,169,110,0.08); transition: border-color 0.3s; }\r\n.festival-item:hover { border-color: rgba(201,169,110,0.3); }\r\n.festival-name { font-family: var(--serif); font-size: 1.05rem; font-weight: 300; color: rgba(245,240,232,0.85); flex: 1; }\r\n.festival-year { font-size: 0.68rem; color: var(--gold); letter-spacing: 0.1em; white-space: nowrap; }\r\n\r\n\/* MEDIA *\/\r\n#media { padding: 8rem 0; background: rgba(201,169,110,0.025); border-top: 1px solid rgba(201,169,110,0.08); }\r\n.media-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin-top: 4rem; }\r\n.media-card { padding: 2rem; border: 1px solid rgba(201,169,110,0.12); transition: border-color 0.3s, background 0.3s; }\r\n.media-card:hover { border-color: rgba(201,169,110,0.4); background: rgba(201,169,110,0.04); }\r\n.media-outlet { font-size: 0.63rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.75rem; }\r\n.media-type { font-family: var(--serif); font-size: 1.1rem; color: rgba(245,240,232,0.8); line-height: 1.4; }\r\n\r\n\/* TEACHING *\/\r\n#teaching { padding: 8rem 0; }\r\n.teaching-split { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; margin-top: 4rem; align-items: start; }\r\n.teaching-body { font-family: var(--serif); font-size: 1.1rem; font-weight: 300; line-height: 1.85; color: rgba(245,240,232,0.7); }\r\n.teaching-body strong { font-weight: 400; color: var(--cream); }\r\n.country-list { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 3rem; }\r\n.country-tag { font-size: 0.68rem; letter-spacing: 0.15em; text-transform: uppercase; padding: 0.5rem 1.1rem; border: 1px solid rgba(201,169,110,0.25); color: rgba(245,240,232,0.6); transition: all 0.3s; }\r\n.country-tag:hover { border-color: var(--gold); color: var(--gold-light); background: rgba(201,169,110,0.06); }\r\n.teaching-number { text-align: center; padding: 3rem; border: 1px solid rgba(201,169,110,0.15); }\r\n.teaching-number .big { font-family: var(--serif); font-size: 6rem; font-weight: 300; color: var(--gold); line-height: 1; display: block; }\r\n.teaching-number .label { font-size: 0.68rem; letter-spacing: 0.25em; text-transform: uppercase; color: rgba(245,240,232,0.4); margin-top: 0.5rem; display: block; }\r\n.teaching-number .sub { font-family: var(--serif); font-size: 1rem; font-style: italic; color: rgba(245,240,232,0.4); margin-top: 0.75rem; display: block; }\r\n\r\n\/* EDINBURGH *\/\r\n#edinburgh { padding: 8rem 0; text-align: center; background: rgba(201,169,110,0.03); border-top: 1px solid rgba(201,169,110,0.1); border-bottom: 1px solid rgba(201,169,110,0.1); }\r\n.edinburgh-number { font-family: var(--serif); font-size: clamp(6rem, 18vw, 13rem); font-weight: 300; color: transparent; -webkit-text-stroke: 1px rgba(201,169,110,0.35); line-height: 1; margin: 2rem 0; }\r\n.edinburgh-text { max-width: 600px; margin: 0 auto; font-family: var(--serif); font-size: 1.15rem; font-weight: 300; font-style: italic; color: rgba(245,240,232,0.6); line-height: 1.7; }\r\n\r\n\/* CONTACT *\/\r\n#contact { padding: 8rem 0 6rem; }\r\n.contact-inner { max-width: 700px; }\r\n.contact-body { font-family: var(--serif); font-size: 1.1rem; font-weight: 300; font-style: italic; color: rgba(245,240,232,0.55); line-height: 1.7; margin-top: 1.5rem; margin-bottom: 3rem; }\r\n.contact-links { display: flex; gap: 1.5rem; flex-wrap: wrap; }\r\n.contact-link { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.68rem; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; padding: 1rem 2rem; border: 1px solid rgba(201,169,110,0.4); color: var(--gold-light); transition: all 0.3s; }\r\n.contact-link:hover { background: var(--gold); color: var(--ink); border-color: var(--gold); }\r\n.contact-link.primary { background: var(--gold); color: var(--ink); border-color: var(--gold); }\r\n.contact-link.primary:hover { background: var(--gold-light); border-color: var(--gold-light); }\r\n\r\n\/* FOOTER *\/\r\nfooter { position: relative; z-index: 1; border-top: 1px solid rgba(201,169,110,0.1); padding: 2.5rem 3rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }\r\n.footer-name { font-family: var(--serif); font-size: 0.9rem; font-weight: 300; color: rgba(245,240,232,0.35); letter-spacing: 0.08em; }\r\n.footer-copy { font-size: 0.63rem; letter-spacing: 0.1em; color: rgba(245,240,232,0.2); }\r\n\r\n\/* REVEAL *\/\r\n.reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; }\r\n.reveal.visible { opacity: 1; transform: none; }\r\n.reveal-delay-1 { transition-delay: 0.1s; }\r\n.reveal-delay-2 { transition-delay: 0.2s; }\r\n.reveal-delay-3 { transition-delay: 0.3s; }\r\n.reveal-delay-4 { transition-delay: 0.4s; }\r\n.reveal-delay-5 { transition-delay: 0.5s; }\r\n\r\n\/* KEYFRAMES *\/\r\n@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }\r\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n@keyframes scrollDrop { 0% { transform: scaleY(0); transform-origin: top; opacity: 0; } 30% { opacity: 1; } 70% { opacity: 1; } 100% { transform: scaleY(1); transform-origin: top; opacity: 0; } }\r\n@keyframes spin { to { transform: rotate(360deg); } }\r\n@keyframes barBounce { from { height: 3px; } to { height: 14px; } }\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n .player-container { grid-template-columns: 1fr; }\r\n .video-container { grid-template-columns: 1fr; }\r\n .social-grid { grid-template-columns: repeat(3, 1fr); }\r\n .video-playlist-items { max-height: 300px; }\r\n .carousel-track-3d { height: 360px; }\r\n .c-slide { width: 320px; height: 280px; }\r\n .c-slide.pos-left1 { transform: translateX(-280px) scale(0.78); }\r\n .c-slide.pos-right1 { transform: translateX(280px) scale(0.78); }\r\n .c-slide.pos-left2 { transform: translateX(-460px) scale(0.60); }\r\n .c-slide.pos-right2 { transform: translateX(460px) scale(0.60); }\r\n}\r\n@media (max-width: 768px) {\r\n nav { padding: 1.2rem 1.5rem; }\r\n .nav-links { display: none; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: rgba(13,13,13,0.98); padding: 1.5rem; gap: 1.5rem; }\r\n .nav-links.open { display: flex; }\r\n .nav-toggle { display: flex; }\r\n .bio-grid { grid-template-columns: 1fr; gap: 3rem; }\r\n .bio-left { position: static; }\r\n .bio-portrait { aspect-ratio: 4\/3; }\r\n .festival-list { columns: 1; }\r\n .teaching-split { grid-template-columns: 1fr; gap: 3rem; }\r\n .achievements-grid { grid-template-columns: 1fr; }\r\n .social-grid { grid-template-columns: repeat(2, 1fr); padding: 1rem; }\r\n footer { padding: 2rem 1.5rem; }\r\n .section-wrap { padding: 0 1.5rem; }\r\n #hero { padding: 7rem 1.5rem 4rem; }\r\n .hero-stats { gap: 1.8rem; }\r\n .contact-links { flex-direction: column; }\r\n .contact-link { justify-content: center; }\r\n .video-container { grid-template-columns: 1fr; gap: 2rem; }\r\n .video-playlist-items { max-height: 280px; }\r\n .carousel-track-3d { height: 300px; }\r\n .c-slide { width: 260px; height: 230px; }\r\n .c-slide.pos-center { transform: translateX(0) scale(1.08); }\r\n .c-slide.pos-left1 { transform: translateX(-220px) scale(0.72); }\r\n .c-slide.pos-right1 { transform: translateX(220px) scale(0.72); }\r\n .c-slide.pos-left2 { transform: translateX(-360px) scale(0.55); }\r\n .c-slide.pos-right2 { transform: translateX(360px) scale(0.55); }\r\n}\r\n@media (max-width: 480px) {\r\n .video-container { gap: 1.5rem; }\r\n .video-playlist-items { max-height: 220px; }\r\n .video-player-info { padding: 1rem 1.2rem; }\r\n .video-player-info .vp-title { font-size: 1rem; }\r\n .video-player-controls { padding: 0.3rem 1.2rem 1rem; flex-wrap: wrap; gap: 0.5rem; }\r\n .vp-thumb { width: 50px; height: 35px; }\r\n .vp-name { font-size: 0.85rem; }\r\n .video-playlist-item { padding: 0.7rem 0.8rem; gap: 0.7rem; }\r\n .vp-num { font-size: 0.6rem; width: 16px; }\r\n .social-grid { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; padding: 0.8rem; }\r\n .social-icon { width: 36px; height: 36px; }\r\n .social-icon svg { width: 18px; height: 18px; }\r\n .social-name { font-size: 0.45rem; }\r\n .player-main { padding: 1.5rem; }\r\n .player-now { gap: 1rem; }\r\n .player-art { width: 50px; height: 50px; }\r\n .player-art-spin { width: 30px; height: 30px; }\r\n .player-track-name { font-size: 1rem; }\r\n .player-controls { gap: 1rem; }\r\n .ctrl-btn.play-btn { width: 42px; height: 42px; }\r\n .carousel-track-3d { height: 240px; }\r\n .c-slide { width: 200px; height: 180px; }\r\n .c-slide.pos-center { transform: translateX(0) scale(1.05); }\r\n .c-slide.pos-left1 { transform: translateX(-170px) scale(0.68); }\r\n .c-slide.pos-right1 { transform: translateX(170px) scale(0.68); }\r\n .c-slide.pos-left2 { transform: translateX(-280px) scale(0.50); }\r\n .c-slide.pos-right2 { transform: translateX(280px) scale(0.50); }\r\n .slide-caption-title { font-size: 0.85rem; }\r\n .slide-caption { padding: 1.2rem 1rem 0.8rem; }\r\n}\r\n@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<canvas id=\"bg-canvas\"><\/canvas>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n <a href=\"#hero\" class=\"nav-logo\">B \u00b7 G<\/a>\r\n <ul class=\"nav-links\" id=\"nav-links\">\r\n <li><a href=\"#biography\">Biography<\/a><\/li>\r\n <li><a href=\"#gallery\">Gallery<\/a><\/li>\r\n <li><a href=\"#achievements\">Achievements<\/a><\/li>\r\n <li><a href=\"#music\">Music<\/a><\/li>\r\n <li><a href=\"#video-section\">Videos<\/a><\/li>\r\n <li><a href=\"#festivals\">Festivals<\/a><\/li>\r\n <li><a href=\"#teaching\">Teaching<\/a><\/li>\r\n <li><a href=\"#social\">Contact<\/a><\/li>\r\n <\/ul>\r\n <button class=\"nav-toggle\" id=\"nav-toggle\" aria-label=\"Open menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<section id=\"hero\">\r\n <div class=\"hero-inner\">\r\n <p class=\"hero-eyebrow\">Santoor \u00b7 Persian Classical Music \u00b7 United Kingdom<\/p>\r\n <h1 class=\"hero-name\">Behnam<br><em>Ghazanfaripour<\/em><\/h1>\r\n <p class=\"hero-tagline\">Bridging civilisations through the strings of the santoor \u2014<br>where ancient Persian tradition meets the world.<\/p>\r\n <div class=\"hero-divider\"><\/div>\r\n <div class=\"hero-stats\">\r\n <div class=\"hero-stat\"><span class=\"hero-stat-num\">25<\/span><span class=\"hero-stat-label\">Fringe 2026<\/span><\/div>\r\n <div class=\"hero-stat\"><span class=\"hero-stat-num\">35+<\/span><span class=\"hero-stat-label\">Years Teaching<\/span><\/div>\r\n <div class=\"hero-stat\"><span class=\"hero-stat-num\">18+<\/span><span class=\"hero-stat-label\">Festivals<\/span><\/div>\r\n <div class=\"hero-stat\"><span class=\"hero-stat-num\">BBC<\/span><span class=\"hero-stat-label\">Documentary<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"scroll-hint\"><span>Scroll<\/span><div class=\"scroll-line\"><\/div><\/div>\r\n<\/section>\r\n\r\n<!-- BIOGRAPHY -->\r\n<section id=\"biography\">\r\n <div class=\"section-wrap\">\r\n <div class=\"bio-grid\">\r\n <div class=\"bio-left reveal\">\r\n <p class=\"section-label\">Biography<\/p>\r\n <div class=\"bio-portrait\">\r\n <img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/IMG-20260618-WA0003.jpg\" alt=\"Behnam Ghazanfaripour\">\r\n <div class=\"portrait-instrument\">Santoor \u00b7 Tombak<\/div>\r\n <\/div>\r\n <div class=\"bio-badges\"><span class=\"badge\">Persian Classical<\/span><span class=\"badge\">Folk Music<\/span><span class=\"badge\">UK Based<\/span><span class=\"badge\">Iran Born<\/span><\/div>\r\n <\/div>\r\n <div class=\"bio-text\">\r\n <p class=\"reveal reveal-delay-1\">Behnam Ghazanfaripour is a Persian santoor player and musician, born in Iran and currently based in the United Kingdom. A graduate in music from an Iranian university, he specialises in Persian classical and folk music with a deep commitment to sharing the authentic culture and artistic heritage of Iran with international audiences.<\/p>\r\n <p class=\"reveal reveal-delay-2\">The santoor is his primary instrument \u2014 a hammered dulcimer of extraordinary resonance and delicacy, central to Persian classical tradition. He is also an accomplished tombak player. His performances are defined by a refined balance of technical mastery and emotional depth, firmly rooted in the rich traditions of Persian music.<\/p>\r\n <div class=\"bio-highlight reveal reveal-delay-3\"><p>\"Music is a universal language. Through the santoor, I carry the genuine culture and art of the Iranian people to the world \u2014 building bridges that transcend borders.\"<\/p><\/div>\r\n <p class=\"reveal reveal-delay-3\">In 2024, Behnam was recognised as one of the most influential foreign artists in Northern Ireland. He has appeared multiple times on BBC platforms and his work has been featured in The Guardian, Euronews, and The Irish News.<\/p>\r\n <p class=\"reveal reveal-delay-4\">Through concerts, collaborations, workshops, and educational activities, he continues to build bridges between cultures and bring Persian music to diverse audiences worldwide.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================ -->\r\n<!-- GALLERY \u2014 \u0628\u062f\u0648\u0646 \u0628\u0631\u0634 \u0628\u0627 object-fit: contain -->\r\n<!-- ============================================================ -->\r\n<section id=\"gallery\">\r\n <div class=\"section-wrap\">\r\n <div class=\"reveal\"><p class=\"section-label\">Gallery<\/p><h2 class=\"section-title\">Moments on Stage<\/h2><\/div>\r\n <div class=\"carousel-outer reveal reveal-delay-1\">\r\n <div class=\"carousel-track-3d\" id=\"track3d\">\r\n <div class=\"c-slide\" data-idx=\"0\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/IMG-20260621-WA0006.jpg\" alt=\"Edinburgh Fringe 2026\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Edinburgh Fringe 2026<\/div><div class=\"slide-caption-sub\">Live Performance<\/div><\/div>\r\n <\/div>\r\n <div class=\"c-slide\" data-idx=\"1\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/photo27947976499.jpg\" alt=\"Belfast International Festival\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Belfast International Festival<\/div><div class=\"slide-caption-sub\">2024<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"c-slide\" data-idx=\"3\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/IMG-20260618-WA0003.jpg\" alt=\"Erfurt Symphony Orchestra\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Erfurt Symphony Orchestra<\/div><div class=\"slide-caption-sub\">Collaboration \u00b7 Germany<\/div><\/div>\r\n <\/div>\r\n <div class=\"c-slide\" data-idx=\"4\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/IMG-20260621-WA0017.jpg\" alt=\"Lyric Theatre Belfast\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Lyric Theatre Belfast<\/div><div class=\"slide-caption-sub\">Composition & Performance 2024<\/div><\/div>\r\n <\/div>\r\n <div class=\"c-slide\" data-idx=\"5\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/IMG-20260621-WA0031.jpg\" alt=\"Santoor Masterclass\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Santoor Masterclass<\/div><div class=\"slide-caption-sub\">Workshop \u00b7 Europe<\/div><\/div>\r\n <\/div>\r\n <div class=\"c-slide\" data-idx=\"6\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/IMG-20260621-WA0043.jpg\" alt=\"Santoor Masterclass\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Santoor Masterclass<\/div><div class=\"slide-caption-sub\">Workshop \u00b7 Europe<\/div><\/div>\r\n <\/div>\r\n <div class=\"c-slide\" data-idx=\"7\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/photo_2026-06-29_08-40-25.jpg\" alt=\"Santoor Masterclass\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Santoor Masterclass<\/div><div class=\"slide-caption-sub\">Workshop \u00b7 Europe<\/div><\/div>\r\n <\/div>\r\n <div class=\"c-slide\" data-idx=\"8\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/photo_2026-06-29_08-40-31.jpg\" alt=\"Santoor Masterclass\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Santoor Masterclass<\/div><div class=\"slide-caption-sub\">Workshop \u00b7 Europe<\/div><\/div>\r\n <\/div>\r\n <div class=\"c-slide\" data-idx=\"9\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/photo_2026-06-29_08-40-34.jpg\" alt=\"Santoor Masterclass\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Santoor Masterclass<\/div><div class=\"slide-caption-sub\">Workshop \u00b7 Europe<\/div><\/div>\r\n <\/div> \r\n <div class=\"c-slide\" data-idx=\"10\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/photo_2026-06-29_08-40-44.jpg\" alt=\"Santoor Masterclass\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Santoor Masterclass<\/div><div class=\"slide-caption-sub\">Workshop \u00b7 Europe<\/div><\/div>\r\n <\/div> \r\n \r\n <div class=\"c-slide\" data-idx=\"12\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-04-at-3.50.11-PM.jpeg\" alt=\"Santoor and tonbak\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Santoor and tonbak<\/div><div class=\"slide-caption-sub\">Workshop \u00b7 Europe<\/div><\/div>\r\n <\/div> \r\n <div class=\"c-slide\" data-idx=\"13\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-04-at-3.48.59-PM.jpeg\" alt=\"Santoor\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Santoor<\/div><div class=\"slide-caption-sub\">Workshop \u00b7 Europe<\/div><\/div>\r\n <\/div> \r\n <div class=\"c-slide\" data-idx=\"14\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-04-at-3.48.59-PM-1.jpeg\" alt=\"Santoor lessons\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Santoor lessons<\/div><div class=\"slide-caption-sub\">Workshop \u00b7 Europe<\/div><\/div>\r\n <\/div> \r\n <div class=\"c-slide\" data-idx=\"14\">\r\n <div class=\"slide-img-wrap\"><img decoding=\"async\" src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/photo_2026-06-29_08-40-31.jpg\" alt=\"Santoor lessons\"><\/div>\r\n <div class=\"slide-caption\"><div class=\"slide-caption-title\">Santoor lessons<\/div><div class=\"slide-caption-sub\">Workshop \u00b7 Europe<\/div><\/div>\r\n <\/div> \r\n <\/div>\r\n <\/div>\r\n <div class=\"carousel-nav reveal reveal-delay-2\">\r\n <button class=\"nav-btn\" id=\"btn3d-prev\">←<\/button>\r\n <div class=\"carousel-dots-3d\" id=\"dots3d\"><\/div>\r\n <div class=\"progress-bar-wrap\"><div class=\"progress-bar-fill\" id=\"prog3d\"><\/div><\/div>\r\n <button class=\"nav-btn\" id=\"btn3d-next\">→<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ACHIEVEMENTS -->\r\n<section id=\"achievements\">\r\n <div class=\"section-wrap\">\r\n <div class=\"achievements-intro reveal\">\r\n <p class=\"section-label\">Milestones<\/p>\r\n <h2 class=\"section-title\">Recognition &<br>Achievements<\/h2>\r\n <p>A career shaped by artistic excellence, cultural diplomacy, and an unwavering mission to bring Persian music to the world stage.<\/p>\r\n <\/div>\r\n <div class=\"achievements-grid\">\r\n <div class=\"achievement-card reveal\"><svg class=\"ach-icon\" viewBox=\"0 0 36 36\" fill=\"none\"><circle cx=\"18\" cy=\"18\" r=\"17\" stroke=\"#C9A96E\" stroke-width=\"0.8\"\/><path d=\"M12 22l4-8 4 5 3-4 3 7\" stroke=\"#C9A96E\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg><h3 class=\"ach-title\">Paris 2025 Paralympic Games<\/h3><p class=\"ach-desc\">Performed at the opening ceremony as a representative of the United Kingdom \u2014 an international recognition of his artistic excellence and cultural contribution.<\/p><span class=\"ach-year\">2025<\/span><\/div>\r\n <div class=\"achievement-card reveal reveal-delay-1\"><svg class=\"ach-icon\" viewBox=\"0 0 36 36\" fill=\"none\"><rect x=\"2\" y=\"8\" width=\"32\" height=\"20\" rx=\"1\" stroke=\"#C9A96E\" stroke-width=\"0.8\"\/><circle cx=\"18\" cy=\"18\" r=\"5\" stroke=\"#C9A96E\" stroke-width=\"0.8\"\/><line x1=\"8\" y1=\"8\" x2=\"8\" y2=\"28\" stroke=\"#C9A96E\" stroke-width=\"0.5\"\/><line x1=\"28\" y1=\"8\" x2=\"28\" y2=\"28\" stroke=\"#C9A96E\" stroke-width=\"0.5\"\/><\/svg><h3 class=\"ach-title\">Iran International Documentary<\/h3><p class=\"ach-desc\">Subject of a documentary by Iran International \u2014 the most widely viewed Iranian television network worldwide \u2014 focusing on his artistic life and career.<\/p><span class=\"ach-year\">Recent<\/span><\/div>\r\n <div class=\"achievement-card reveal reveal-delay-2\"><svg class=\"ach-icon\" viewBox=\"0 0 36 36\" fill=\"none\"><rect x=\"4\" y=\"4\" width=\"28\" height=\"28\" rx=\"1\" stroke=\"#C9A96E\" stroke-width=\"0.8\"\/><path d=\"M10 18h16M10 13h10M10 23h12\" stroke=\"#C9A96E\" stroke-width=\"0.8\" stroke-linecap=\"round\"\/><\/svg><h3 class=\"ach-title\">BBC Documentary<\/h3><p class=\"ach-desc\">The BBC broadcast a full documentary about his life and musical performance \u2014 a testament to his impact on British cultural life as a Persian musician.<\/p><span class=\"ach-year\">2022<\/span><\/div>\r\n <div class=\"achievement-card reveal reveal-delay-3\"><svg class=\"ach-icon\" viewBox=\"0 0 36 36\" fill=\"none\"><polygon points=\"18,4 22,14 33,14 24,21 27,32 18,25 9,32 12,21 3,14 14,14\" stroke=\"#C9A96E\" stroke-width=\"0.8\" fill=\"none\"\/><\/svg><h3 class=\"ach-title\">Edinburgh Fringe 2026<\/h3><p class=\"ach-desc\">Set to present 25 live performances \u2014 the highest number of concerts by any solo musician or group within the festival programme.<\/p><span class=\"ach-year\">2026<\/span><\/div>\r\n <div class=\"achievement-card reveal reveal-delay-4\"><svg class=\"ach-icon\" viewBox=\"0 0 36 36\" fill=\"none\"><path d=\"M18 4C10 4 4 10 4 18s6 14 14 14 14-6 14-14S26 4 18 4z\" stroke=\"#C9A96E\" stroke-width=\"0.8\"\/><path d=\"M12 18c0-3.3 2.7-6 6-6s6 2.7 6 6\" stroke=\"#C9A96E\" stroke-width=\"0.8\" stroke-linecap=\"round\"\/><\/svg><h3 class=\"ach-title\">Erfurt Symphony Orchestra<\/h3><p class=\"ach-desc\">Collaborated with the Erfurt Symphony Orchestra in Germany \u2014 a celebrated fusion of Persian classical music with Western symphonic tradition.<\/p><span class=\"ach-year\">Germany<\/span><\/div>\r\n <div class=\"achievement-card reveal reveal-delay-5\"><svg class=\"ach-icon\" viewBox=\"0 0 36 36\" fill=\"none\"><circle cx=\"18\" cy=\"14\" r=\"6\" stroke=\"#C9A96E\" stroke-width=\"0.8\"\/><path d=\"M6 30c0-6.6 5.4-12 12-12s12 5.4 12 12\" stroke=\"#C9A96E\" stroke-width=\"0.8\" stroke-linecap=\"round\"\/><\/svg><h3 class=\"ach-title\">Most Influential Foreign Artist<\/h3><p class=\"ach-desc\">Recognised as one of the most influential foreign artists in Northern Ireland in 2024, honouring his extraordinary cultural impact.<\/p><span class=\"ach-year\">2024<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- MUSIC PLAYER -->\r\n<section id=\"music\">\r\n <div class=\"section-wrap\">\r\n <div class=\"reveal\"><p class=\"section-label\">Listen<\/p><h2 class=\"section-title\">Music &<br>Recordings<\/h2><\/div>\r\n <div class=\"player-container\">\r\n <div class=\"player-main reveal reveal-delay-1\">\r\n <div class=\"player-now\">\r\n <div class=\"player-art\"><div class=\"player-art-spin\" id=\"art-spin\"><\/div><\/div>\r\n <div class=\"player-info\">\r\n <div class=\"player-track-name\" id=\"track-name\">Select a track<\/div>\r\n <div class=\"player-track-sub\" id=\"track-sub\">Persian Santoor<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"player-progress-wrap\">\r\n <div class=\"player-progress-bar\" id=\"progress-bar\">\r\n <div class=\"player-progress-fill\" id=\"progress-fill\"><\/div>\r\n <\/div>\r\n <div class=\"player-times\"><span id=\"time-cur\">0:00<\/span><span id=\"time-tot\">0:00<\/span><\/div>\r\n <\/div>\r\n <div class=\"player-controls\">\r\n <button class=\"ctrl-btn\" id=\"btn-prev\" title=\"Previous\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6 6h2v12H6zm3.5 6l8.5 6V6z\"\/><\/svg><\/button>\r\n <button class=\"ctrl-btn play-btn\" id=\"btn-play\" title=\"Play\"><svg id=\"icon-play\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"\/><\/svg><svg id=\"icon-pause\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"display:none\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/><\/svg><\/button>\r\n <button class=\"ctrl-btn\" id=\"btn-next\" title=\"Next\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6 18l8.5-6L6 6v12zm2-8.14L11.03 12 8 14.14V9.86zM16 6h2v12h-2z\"\/><\/svg><\/button>\r\n <\/div>\r\n <div class=\"volume-wrap\"><span class=\"volume-label\">Vol<\/span><input type=\"range\" class=\"volume-slider\" id=\"volume\" min=\"0\" max=\"1\" step=\"0.01\" value=\"0.8\"><\/div>\r\n <\/div>\r\n <div class=\"playlist-panel reveal reveal-delay-2\">\r\n <div class=\"playlist-header\"><span class=\"playlist-title-label\">Playlist<\/span><span class=\"playlist-count\" id=\"playlist-count\">0 tracks<\/span><\/div>\r\n <div class=\"playlist-items\" id=\"playlist-items\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================ -->\r\n<!-- VIDEO SECTION \u2014 TWO-COLUMN LAYOUT (player left, playlist right) -->\r\n<!-- ============================================================ -->\r\n<section id=\"video-section\">\r\n <div class=\"section-wrap\">\r\n <div class=\"reveal\"><p class=\"section-label\">Watch<\/p><h2 class=\"section-title\">Live Performances<br>& Documentaries<\/h2><\/div>\r\n \r\n <div class=\"video-container\">\r\n <!-- \u0633\u062a\u0648\u0646 \u0686\u067e: \u067e\u062e\u0634\u200c\u06a9\u0646\u0646\u062f\u0647 \u0648\u06cc\u062f\u06cc\u0648 -->\r\n <div class=\"video-player-column reveal reveal-delay-1\">\r\n <div class=\"video-player-wrapper\">\r\n <video id=\"main-video\" poster=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/IMG-20260621-WA0006.jpg\" preload=\"metadata\" playsinline>\r\n <source src=\"https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/BeniBandmp4.mp4\" type=\"video\/mp4\">\r\n Your browser does not support the video tag.\r\n <\/video>\r\n <\/div>\r\n <div class=\"video-player-info\">\r\n <div class=\"vp-title\" id=\"main-video-title\">Edinburgh Fringe 2026 \u2014 Live<\/div>\r\n <div class=\"vp-sub\" id=\"main-video-sub\">Santoor Solo<\/div>\r\n <\/div>\r\n <div class=\"video-player-controls\">\r\n <button id=\"main-play-btn\" title=\"Play\">\u25b6<\/button>\r\n <div class=\"video-progress-bar\" id=\"main-progress-bar\">\r\n <div class=\"video-progress-fill\" id=\"main-progress-fill\"><\/div>\r\n <\/div>\r\n <span class=\"video-time-display\" id=\"main-time-display\">0:00 \/ 0:00<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0633\u062a\u0648\u0646 \u0631\u0627\u0633\u062a: \u0641\u0647\u0631\u0633\u062a \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627 (\u0645\u0634\u0627\u0628\u0647 \u0644\u06cc\u0633\u062a \u0645\u0648\u0632\u06cc\u06a9) -->\r\n <div class=\"video-playlist-panel reveal reveal-delay-2\">\r\n <div class=\"video-playlist-header\">\r\n <span class=\"video-playlist-title-label\">Video Playlist<\/span>\r\n <span class=\"video-playlist-count\" id=\"video-playlist-count\">0 videos<\/span>\r\n <\/div>\r\n <div class=\"video-playlist-items\" id=\"video-playlist-items\">\r\n <!-- \u0622\u06cc\u062a\u0645\u200c\u0647\u0627 \u062a\u0648\u0633\u0637 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0633\u0627\u062e\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FESTIVALS -->\r\n<section id=\"festivals\">\r\n <div class=\"section-wrap\">\r\n <div class=\"festivals-header reveal\">\r\n <div><p class=\"section-label\">Performances<\/p><h2 class=\"section-title\">Festivals &<br>Concerts<\/h2><\/div>\r\n <p style=\"font-family:var(--serif);font-size:1rem;font-style:italic;color:rgba(245,240,232,0.4);max-width:260px;line-height:1.7\">From Tehran to Belfast, Edinburgh to Warsaw \u2014 a life lived on stages worldwide.<\/p>\r\n <\/div>\r\n <div class=\"festival-list reveal reveal-delay-1\">\r\n <div class=\"festival-item\"><span class=\"festival-name\">Edinburgh Fringe Festival<\/span><span class=\"festival-year\">2026<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Edinburgh Music Festival<\/span><span class=\"festival-year\">2026<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Belfast International Art Festival<\/span><span class=\"festival-year\">2024<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Lyric Theatre Belfast<\/span><span class=\"festival-year\">2024<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Accidental Theatre Belfast<\/span><span class=\"festival-year\">2022\u20132025<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Solo Santoor \u2013 Day of Peace<\/span><span class=\"festival-year\">Belfast 2023<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Newcastle Music Festival<\/span><span class=\"festival-year\">2023<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Iranian London Music Festival<\/span><span class=\"festival-year\">2022<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Erfurt Music Festival<\/span><span class=\"festival-year\">2021<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Rudolstadt Festival<\/span><span class=\"festival-year\">2020<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Iranian Nowruz Festival<\/span><span class=\"festival-year\">2020<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Gurten Festival \u2013 Bern<\/span><span class=\"festival-year\">2019<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Warsaw Dance & Music Festival<\/span><span class=\"festival-year\">2019<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">ZMF Zelt-Music Festival<\/span><span class=\"festival-year\">2018<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Iranian Music Festival<\/span><span class=\"festival-year\">2018<\/span><\/div>\r\n <div class=\"festival-item\"><span class=\"festival-name\">Lebanese Art Festival<\/span><span class=\"festival-year\">2014<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- MEDIA -->\r\n<section id=\"media\">\r\n <div class=\"section-wrap\">\r\n <div class=\"reveal\"><p class=\"section-label\">Press & Media<\/p><h2 class=\"section-title\">In the World's<br>Spotlight<\/h2><\/div>\r\n <div class=\"media-grid\">\r\n <div class=\"media-card reveal reveal-delay-1\"><p class=\"media-outlet\">BBC<\/p><p class=\"media-type\">Documentary on his life and musical performance. Multiple appearances as performer and interview guest.<\/p><\/div>\r\n <div class=\"media-card reveal reveal-delay-2\"><p class=\"media-outlet\">The Guardian<\/p><p class=\"media-type\">Featured coverage of his work and cultural contributions to British musical life.<\/p><\/div>\r\n <div class=\"media-card reveal reveal-delay-3\"><p class=\"media-outlet\">Euronews<\/p><p class=\"media-type\">International feature on his role as a bridge between Persian and European culture through music.<\/p><\/div>\r\n <div class=\"media-card reveal reveal-delay-4\"><p class=\"media-outlet\">Iran International<\/p><p class=\"media-type\">Full documentary on his artistic life and career, broadcast on the most widely viewed Iranian television network worldwide.<\/p><\/div>\r\n <div class=\"media-card reveal reveal-delay-5\"><p class=\"media-outlet\">The Irish News<\/p><p class=\"media-type\">Coverage of his artistic impact and influence in Northern Ireland's cultural scene.<\/p><\/div>\r\n <div class=\"media-card reveal reveal-delay-1\"><p class=\"media-outlet\">Kayhan London<\/p><p class=\"media-type\">Live santoor performance during interview \u2014 a rare and intimate showcase of his instrument and artistry.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TEACHING -->\r\n<section id=\"teaching\">\r\n <div class=\"section-wrap\">\r\n <div class=\"reveal\"><p class=\"section-label\">Education<\/p><h2 class=\"section-title\">Passing the<br>Tradition On<\/h2><\/div>\r\n <div class=\"teaching-split\">\r\n <div>\r\n <p class=\"teaching-body reveal reveal-delay-1\">Behnam has been teaching the santoor worldwide \u2014 both in person and online \u2014 <strong>since 1988<\/strong>. With over three and a half decades of teaching experience, he has shaped the next generation of Persian music performers across multiple continents.<\/p>\r\n <p class=\"teaching-body reveal reveal-delay-2\" style=\"margin-top:1.5rem\">His masterclasses and workshops bring Persian classical tradition to students of all backgrounds, pairing technical rigour with a deep respect for the living heritage of the music.<\/p>\r\n <div class=\"country-list reveal reveal-delay-3\">\r\n <span class=\"country-tag\">United Kingdom<\/span><span class=\"country-tag\">Germany<\/span><span class=\"country-tag\">Poland<\/span><span class=\"country-tag\">Switzerland<\/span><span class=\"country-tag\">Belgium<\/span><span class=\"country-tag\">Online \u2013 Worldwide<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal reveal-delay-2\">\r\n <div class=\"teaching-number\"><span class=\"big\">1988<\/span><span class=\"label\">Teaching since<\/span><span class=\"sub\">Over 35 years of dedicated instruction<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- EDINBURGH -->\r\n<section id=\"edinburgh\">\r\n <div class=\"section-wrap\">\r\n <p class=\"section-label reveal\">Edinburgh Festival Fringe 2026<\/p>\r\n <div class=\"edinburgh-number reveal\">25<\/div>\r\n <h2 class=\"section-title reveal\" style=\"margin-bottom:1.5rem\">Live Performances<\/h2>\r\n <p class=\"edinburgh-text reveal reveal-delay-1\">The highest number of concerts by any solo musician or group within the 2026 Edinburgh Festival Fringe programme \u2014 a landmark achievement in Behnam's international career and a historic moment for Persian music on the world stage.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SOCIAL CONTACT -->\r\n<section id=\"social\">\r\n <div class=\"section-wrap\">\r\n <div class=\"social-intro reveal\">\r\n <p class=\"section-label\">Connect<\/p>\r\n <h2 class=\"section-title\">Follow & Connect<\/h2>\r\n <p>Stay updated with performances, releases, and cultural initiatives from Behnam Ghazanfaripour.<\/p>\r\n <\/div>\r\n <div class=\"social-grid\">\r\n <a href=\"https:\/\/www.instagram.com\/persian.art.music?igsh=eHppbjI1aHF5eXRk\" class=\"social-link instagram reveal reveal-delay-1\" target=\"_blank\">\r\n <div class=\"social-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4c0 3.2-2.6 5.8-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8C2 4.6 4.6 2 7.8 2zm-.2 2C5.5 4 4 5.5 4 7.6v8.8c0 2.1 1.5 3.6 3.6 3.6h8.8c2.1 0 3.6-1.5 3.6-3.6V7.6C20 5.5 18.5 4 16.4 4H7.6zm.4 4c0 2.2 1.8 4 4 4s4-1.8 4-4-1.8-4-4-4-4 1.8-4 4zm2 0c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm5.5-2.5c0 .6-.4 1-1 1s-1-.4-1-1 .4-1 1-1 1 .4 1 1z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"social-name\">Instagram<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@beni-band?si=rljSHCytxGvM71fL\" class=\"social-link youtube reveal reveal-delay-2\" target=\"_blank\">\r\n <div class=\"social-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M10 15l5.19-3.08L10 8.84v6.16zm10-10v14c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2zm-2 0H6v14h12V5z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"social-name\">YouTube<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/www.facebook.com\/share\/1DHavnxemW\/?mibextid=wwXIfr\" class=\"social-link facebook reveal reveal-delay-3\" target=\"_blank\">\r\n <div class=\"social-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.129 22 16.99 22 12z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"social-name\">Facebook<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/www.linkedin.com\/in\/beni-band-935b3a421?utm_source=share_via&utm_content=profile&utm_medium=member_ios\" class=\"social-link linkedin reveal reveal-delay-4\" target=\"_blank\">\r\n <div class=\"social-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"social-name\">LinkedIn<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/open.spotify.com\/artist\/behnamghazanfaripour\" class=\"social-link spotify reveal reveal-delay-5\" target=\"_blank\">\r\n <div class=\"social-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.419.12-.839-.12-.959-.539-.12-.419.12-.839.539-.959 4.68-1.08 8.58-.66 11.88 1.32.36.179.48.659.121 1.079zm1.44-3.12c-.301.42-.841.601-1.261.301-3.24-1.98-8.16-2.58-11.82-1.38\"\/><\/svg>\r\n <\/div>\r\n <span class=\"social-name\">Spotify<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n <div class=\"direct-contact reveal reveal-delay-2\">\r\n <p style=\"font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem\">Direct Contact<\/p>\r\n <a href=\"mailto:beni_ban@yahoo.com\" class=\"contact-email\">beni_ban@yahoo.com<\/a><br>\r\n <p class=\"contact-phone\">+447429999526<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CONTACT -->\r\n<section id=\"contact\">\r\n <div class=\"section-wrap\">\r\n <div class=\"contact-inner\">\r\n <p class=\"section-label reveal\">Get in Touch<\/p>\r\n <h2 class=\"section-title reveal\" style=\"margin-bottom:0\">Concerts, Collaborations<br>& Workshops<\/h2>\r\n <p class=\"contact-body reveal reveal-delay-1\">For booking enquiries, concert invitations, workshop requests, or press and media, please reach out. Behnam welcomes opportunities to share Persian music with audiences and institutions worldwide.<\/p>\r\n <div class=\"contact-links reveal reveal-delay-2\">\r\n <a href=\"mailto:beni_ban@yahoo.com\" class=\"contact-link primary\">Book a Performance<\/a>\r\n <a href=\"mailto:beni_ban@yahoo.com\" class=\"contact-link\">Workshop Enquiry<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n <span class=\"footer-name\">Behnam Ghazanfaripour \u2014 Persian Santoor<\/span>\r\n <span class=\"footer-copy\">\u00a9 2026 \u00b7 Based in the United Kingdom<\/span>\r\n<\/footer>\r\n\r\n<script>\r\n\/\/ BACKGROUND ANIMATION\r\nconst canvas = document.getElementById('bg-canvas');\r\nconst ctx = canvas.getContext('2d');\r\nlet W, H, strings, particles, orbs;\r\n\r\nfunction resize() {\r\n W = canvas.width = window.innerWidth;\r\n H = canvas.height = window.innerHeight;\r\n}\r\n\r\nfunction initStrings() {\r\n strings = [];\r\n const count = Math.floor(W \/ 45) + 8;\r\n for (let i = 0; i < count; i++) {\r\n strings.push({\r\n y: (H \/ count) * i + Math.random() * (H \/ count),\r\n speed: 0.012 + Math.random() * 0.022,\r\n amplitude: 18 + Math.random() * 45,\r\n frequency: 0.0025 + Math.random() * 0.004,\r\n phase: Math.random() * Math.PI * 2,\r\n opacity: 0.08 + Math.random() * 0.18,\r\n thickness: 0.4 + Math.random() * 1.0,\r\n color: Math.random() > 0.5 ? '#C9A96E' : '#E8D5B0',\r\n drift: (Math.random() - 0.5) * 0.08\r\n });\r\n }\r\n}\r\n\r\nfunction initParticles() {\r\n particles = [];\r\n const count = 120;\r\n for (let i = 0; i < count; i++) {\r\n particles.push({\r\n x: Math.random() * W,\r\n y: Math.random() * H,\r\n vx: (Math.random() - 0.5) * 0.3,\r\n vy: -0.06 - Math.random() * 0.2,\r\n r: 0.8 + Math.random() * 2.2,\r\n opacity: 0.1 + Math.random() * 0.35,\r\n life: Math.random()\r\n });\r\n }\r\n}\r\n\r\nfunction initOrbs() {\r\n orbs = [];\r\n const orbData = [\r\n { x: 0.2, y: 0.3, r: 250, color: '201,169,110', speed: 0.0003 },\r\n { x: 0.8, y: 0.6, r: 320, color: '201,169,110', speed: 0.0002 },\r\n { x: 0.5, y: 0.9, r: 200, color: '180,140,80', speed: 0.0004 }\r\n ];\r\n orbData.forEach(o => {\r\n orbs.push({ ...o, angle: Math.random() * Math.PI * 2 });\r\n });\r\n}\r\n\r\nlet t = 0, streaks = [];\r\n\r\nfunction draw() {\r\n ctx.clearRect(0, 0, W, H);\r\n orbs.forEach(orb => {\r\n orb.angle += orb.speed;\r\n const ox = W * orb.x + Math.cos(orb.angle) * 80;\r\n const oy = H * orb.y + Math.sin(orb.angle * 1.3) * 60;\r\n const grad = ctx.createRadialGradient(ox, oy, 0, ox, oy, orb.r);\r\n grad.addColorStop(0, `rgba(${orb.color},0.12)`);\r\n grad.addColorStop(0.4, `rgba(${orb.color},0.05)`);\r\n grad.addColorStop(1, `rgba(${orb.color},0)`);\r\n ctx.fillStyle = grad;\r\n ctx.beginPath();\r\n ctx.arc(ox, oy, orb.r, 0, Math.PI * 2);\r\n ctx.fill();\r\n });\r\n strings.forEach(s => {\r\n s.phase += s.speed;\r\n s.y += s.drift;\r\n if (s.y < -50) s.y = H + 50;\r\n if (s.y > H + 50) s.y = -50;\r\n ctx.beginPath();\r\n ctx.strokeStyle = s.color;\r\n ctx.globalAlpha = s.opacity;\r\n ctx.lineWidth = s.thickness;\r\n ctx.moveTo(0, s.y + Math.sin(s.phase) * s.amplitude);\r\n for (let x = 0; x <= W; x += 3) {\r\n const y = s.y + Math.sin(s.frequency * x + s.phase) * s.amplitude;\r\n ctx.lineTo(x, y);\r\n }\r\n ctx.stroke();\r\n });\r\n ctx.globalAlpha = 1;\r\n particles.forEach(p => {\r\n p.x += p.vx;\r\n p.y += p.vy;\r\n p.life += 0.0025;\r\n if (p.y < -10 || p.life > 1) {\r\n p.x = Math.random() * W;\r\n p.y = H + 5;\r\n p.life = 0;\r\n }\r\n const alpha = p.opacity * Math.sin(p.life * Math.PI);\r\n const g = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.r * 3);\r\n g.addColorStop(0, `rgba(201,169,110,${alpha})`);\r\n g.addColorStop(1, `rgba(201,169,110,0)`);\r\n ctx.fillStyle = g;\r\n ctx.beginPath();\r\n ctx.arc(p.x, p.y, p.r * 3, 0, Math.PI * 2);\r\n ctx.fill();\r\n });\r\n if (t % 180 === 0) {\r\n streaks.push({ x: Math.random() * W, y: 0, len: 80 + Math.random() * 120, alpha: 0.15 });\r\n }\r\n for (let i = streaks.length - 1; i >= 0; i--) {\r\n const sk = streaks[i];\r\n sk.y += 2.5;\r\n sk.alpha -= 0.002;\r\n if (sk.alpha <= 0 || sk.y > H + 150) { streaks.splice(i, 1); continue; }\r\n ctx.globalAlpha = sk.alpha;\r\n ctx.strokeStyle = '#C9A96E';\r\n ctx.lineWidth = 0.5;\r\n ctx.beginPath();\r\n ctx.moveTo(sk.x, sk.y);\r\n ctx.lineTo(sk.x + sk.len * 0.3, sk.y + sk.len);\r\n ctx.stroke();\r\n ctx.globalAlpha = 1;\r\n }\r\n t++;\r\n requestAnimationFrame(draw);\r\n}\r\n\r\nwindow.addEventListener('resize', () => { resize(); initStrings(); initParticles(); initOrbs(); });\r\nresize(); initStrings(); initParticles(); initOrbs(); draw();\r\n\r\n\/\/ NAV\r\nconst toggle = document.getElementById('nav-toggle');\r\nconst navLinks = document.getElementById('nav-links');\r\ntoggle.addEventListener('click', () => navLinks.classList.toggle('open'));\r\nnavLinks.querySelectorAll('a').forEach(a => a.addEventListener('click', () => navLinks.classList.remove('open')));\r\n\r\n\/\/ SCROLL REVEAL\r\nconst revealEls = document.querySelectorAll('.reveal');\r\nconst observer = new IntersectionObserver((entries) => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); } });\r\n}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\nrevealEls.forEach(el => observer.observe(el));\r\n\r\n\/\/ GALLERY CAROUSEL 3D\r\n(function() {\r\n const slides = document.querySelectorAll('.c-slide');\r\n const total = slides.length;\r\n let current = 0, timer, progTimer, progVal = 0;\r\n const INTERVAL = 3000;\r\n const dotsWrap = document.getElementById('dots3d');\r\n const progFill = document.getElementById('prog3d');\r\n\r\n \/\/ \u062d\u0630\u0641 \u0646\u0642\u0637\u0647\u200c\u0647\u0627\u06cc \u0642\u0628\u0644\u06cc\r\n dotsWrap.innerHTML = '';\r\n \r\n slides.forEach((_, i) => {\r\n const d = document.createElement('button');\r\n d.className = 'dot-3d' + (i === 0 ? ' active' : '');\r\n d.addEventListener('click', () => { goTo(i); startAuto(); });\r\n dotsWrap.appendChild(d);\r\n });\r\n\r\n function getPos(idx) {\r\n const diff = (idx - current + total) % total;\r\n if (diff === 0) return 'pos-center';\r\n if (diff === 1) return 'pos-right1';\r\n if (diff === 2) return 'pos-right2';\r\n if (diff === total - 1) return 'pos-left1';\r\n if (diff === total - 2) return 'pos-left2';\r\n return diff > total \/ 2 ? 'pos-hidden-left' : 'pos-hidden';\r\n }\r\n\r\n function render() {\r\n slides.forEach((s, i) => { \r\n s.className = 'c-slide ' + getPos(i); \r\n s.dataset.idx = i;\r\n });\r\n document.querySelectorAll('.dot-3d').forEach((d, i) => d.classList.toggle('active', i === current));\r\n }\r\n\r\n function goTo(idx) { \r\n current = (idx + total) % total; \r\n render(); \r\n resetProgress(); \r\n }\r\n function next() { goTo(current + 1); }\r\n function prev() { goTo(current - 1); }\r\n\r\n function resetProgress() {\r\n clearInterval(progTimer); \r\n progVal = 0; \r\n progFill.style.width = '0%';\r\n setTimeout(() => {\r\n progTimer = setInterval(() => {\r\n progVal += 100 \/ (INTERVAL \/ 50);\r\n progFill.style.width = Math.min(progVal, 100) + '%';\r\n }, 50);\r\n }, 30);\r\n }\r\n\r\n function startAuto() { \r\n clearInterval(timer); \r\n timer = setInterval(next, INTERVAL); \r\n }\r\n\r\n document.getElementById('btn3d-prev').addEventListener('click', () => { prev(); startAuto(); });\r\n document.getElementById('btn3d-next').addEventListener('click', () => { next(); startAuto(); });\r\n slides.forEach(s => s.addEventListener('click', () => {\r\n const i = parseInt(s.dataset.idx);\r\n if (i !== current) { goTo(i); startAuto(); }\r\n }));\r\n\r\n render(); \r\n resetProgress(); \r\n startAuto();\r\n})();\r\n\r\n\/\/ ============================================================\r\n\/\/ MUSIC PLAYER\r\n\/\/ ============================================================\r\n\r\nconst PLAYLIST_DATA = [\r\n { name: 'Tolou', url: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/Tolou.mp3' },\r\n { name: 'ROYAR', url: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/ROYAR-Behnam-Ghazanfaripour.mp3' },\r\n { name: 'Mahour Behnam', url: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/Mahour-Behnam.mp3' },\r\n { name: 'NAMIRAN', url: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/NAMIRAN.mp3' },\r\n \r\n];\r\n\r\nlet currentTrack = -1;\r\nlet isPlaying = false;\r\nconst audio = new Audio();\r\n\r\nconst trackName = document.getElementById('track-name');\r\nconst trackSub = document.getElementById('track-sub');\r\nconst progressFill = document.getElementById('progress-fill');\r\nconst progressBar = document.getElementById('progress-bar');\r\nconst timeCur = document.getElementById('time-cur');\r\nconst timeTot = document.getElementById('time-tot');\r\nconst btnPlay = document.getElementById('btn-play');\r\nconst iconPlay = document.getElementById('icon-play');\r\nconst iconPause = document.getElementById('icon-pause');\r\nconst artSpin = document.getElementById('art-spin');\r\nconst playlistItems = document.getElementById('playlist-items');\r\nconst playlistCount = document.getElementById('playlist-count');\r\n\r\nfunction fmtTime(s) {\r\n if (isNaN(s) || !isFinite(s)) return '0:00';\r\n const m = Math.floor(s \/ 60);\r\n const sec = Math.floor(s % 60);\r\n return m + ':' + sec.toString().padStart(2, '0');\r\n}\r\n\r\nfunction renderPlaylist() {\r\n if (PLAYLIST_DATA.length === 0) {\r\n playlistItems.innerHTML = '<p style=\"padding:1rem;color:rgba(245,240,232,0.4);\">No tracks available<\/p>';\r\n playlistCount.textContent = '0 tracks';\r\n return;\r\n }\r\n playlistCount.textContent = PLAYLIST_DATA.length + ' track' + (PLAYLIST_DATA.length !== 1 ? 's' : '');\r\n playlistItems.innerHTML = '';\r\n PLAYLIST_DATA.forEach((track, i) => {\r\n const item = document.createElement('div');\r\n item.className = 'playlist-item' + (i === currentTrack ? ' active' + (isPlaying ? ' playing-now' : '') : '');\r\n item.innerHTML = '\\n <span class=\"pl-num\">' + (i + 1) + '<\/span>\\n <div class=\"pl-info\">\\n <div class=\"pl-name\">' + track.name + '<\/div>\\n <div class=\"pl-duration\">' + (track.duration || '\u2014') + '<\/div>\\n <\/div>\\n <div class=\"pl-bars\"><span style=\"height:5px\"><\/span><span style=\"height:10px\"><\/span><span style=\"height:7px\"><\/span><\/div>\\n ';\r\n item.addEventListener('click', function() {\r\n loadTrack(i);\r\n playAudio();\r\n });\r\n playlistItems.appendChild(item);\r\n });\r\n}\r\n\r\nfunction loadTrack(idx) {\r\n if (idx < 0 || idx >= PLAYLIST_DATA.length) return;\r\n currentTrack = idx;\r\n var t = PLAYLIST_DATA[idx];\r\n audio.src = t.url;\r\n audio.load();\r\n trackName.textContent = t.name;\r\n trackSub.textContent = 'Persian Santoor \\u00b7 Behnam Ghazanfaripour';\r\n progressFill.style.width = '0%';\r\n timeCur.textContent = '0:00';\r\n timeTot.textContent = t.duration || '0:00';\r\n renderPlaylist();\r\n}\r\n\r\nfunction playAudio() {\r\n if (currentTrack === -1 && PLAYLIST_DATA.length > 0) {\r\n loadTrack(0);\r\n }\r\n audio.play().then(function() {\r\n isPlaying = true;\r\n iconPlay.style.display = 'none';\r\n iconPause.style.display = '';\r\n artSpin.classList.add('playing');\r\n renderPlaylist();\r\n }).catch(function() {});\r\n}\r\n\r\nfunction pauseAudio() {\r\n audio.pause();\r\n isPlaying = false;\r\n iconPlay.style.display = '';\r\n iconPause.style.display = 'none';\r\n artSpin.classList.remove('playing');\r\n renderPlaylist();\r\n}\r\n\r\nbtnPlay.addEventListener('click', function() {\r\n if (PLAYLIST_DATA.length === 0) return;\r\n if (currentTrack === -1) { loadTrack(0); playAudio(); return; }\r\n isPlaying ? pauseAudio() : playAudio();\r\n});\r\n\r\ndocument.getElementById('btn-prev').addEventListener('click', function() {\r\n if (PLAYLIST_DATA.length === 0) return;\r\n var idx = currentTrack <= 0 ? PLAYLIST_DATA.length - 1 : currentTrack - 1;\r\n loadTrack(idx);\r\n playAudio();\r\n});\r\n\r\ndocument.getElementById('btn-next').addEventListener('click', function() {\r\n if (PLAYLIST_DATA.length === 0) return;\r\n var idx = (currentTrack + 1) % PLAYLIST_DATA.length;\r\n loadTrack(idx);\r\n playAudio();\r\n});\r\n\r\naudio.addEventListener('timeupdate', function() {\r\n if (!audio.duration) return;\r\n var pct = (audio.currentTime \/ audio.duration) * 100;\r\n progressFill.style.width = pct + '%';\r\n timeCur.textContent = fmtTime(audio.currentTime);\r\n});\r\n\r\naudio.addEventListener('loadedmetadata', function() {\r\n timeTot.textContent = fmtTime(audio.duration);\r\n if (currentTrack >= 0 && currentTrack < PLAYLIST_DATA.length) {\r\n PLAYLIST_DATA[currentTrack].duration = fmtTime(audio.duration);\r\n renderPlaylist();\r\n }\r\n});\r\n\r\naudio.addEventListener('ended', function() {\r\n var next = (currentTrack + 1) % PLAYLIST_DATA.length;\r\n loadTrack(next);\r\n playAudio();\r\n});\r\n\r\nprogressBar.addEventListener('click', function(e) {\r\n if (!audio.duration) return;\r\n var rect = progressBar.getBoundingClientRect();\r\n var pct = Math.min(Math.max((e.clientX - rect.left) \/ rect.width, 0), 1);\r\n audio.currentTime = pct * audio.duration;\r\n});\r\n\r\ndocument.getElementById('volume').addEventListener('input', function() {\r\n audio.volume = this.value;\r\n});\r\n\r\nrenderPlaylist();\r\nif (PLAYLIST_DATA.length > 0) {\r\n loadTrack(0);\r\n}\r\n\r\n\/\/ ============================================================\r\n\/\/ VIDEO PLAYER \u2014 TWO-COLUMN LAYOUT\r\n\/\/ ============================================================\r\n\r\nvar VIDEO_DATA = [\r\n {\r\n title: 'Edinburgh Fringe 2026 \u2014 Live',\r\n subtitle: 'Santoor Solo',\r\n poster: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/IMG-20260621-WA0006.jpg',\r\n src: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/BeniBandmp4.mp4'\r\n },\r\n \r\n {\r\n title: 'Edinburgh Fringe 2027 \u2014 Live',\r\n subtitle: 'behnam',\r\n poster: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/IMG-20260621-WA0006.jpg',\r\n src: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/BeniBandmp4.mp4'\r\n },\r\n {\r\n title: 'Live - in Concert',\r\n subtitle: 'Santoor Solo',\r\n poster: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/IMG-20260621-WA0043.jpg',\r\n src: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/video_2026-06-29_08-20-37.mp4'\r\n },\r\n {\r\n title: 'Solo Santoor',\r\n subtitle: 'Santoor Solo',\r\n poster: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/IMG-20260618-WA0003.jpg',\r\n src: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/video_2026-06-29_08-20-48.mp4'\r\n },\r\n {\r\n title: 'BBC Documentary Excerpt',\r\n subtitle: 'Interview & Performance',\r\n poster: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/photo27947976499.jpg',\r\n src: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/cut.mp4'\r\n },\r\n {\r\n title: 'Live Performance',\r\n subtitle: 'Santoor Solo',\r\n poster: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/photo_2026-06-29_08-40-56.jpg',\r\n src: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/07\/VID-20260702-WA0001.mp4'\r\n },\r\n {\r\n title: 'Santoor Solo',\r\n subtitle: 'Classical Persian',\r\n poster: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/06\/photo_2026-06-29_08-40-34.jpg',\r\n src: 'https:\/\/beniband.com\/wp-content\/uploads\/2026\/07\/VID-20260702-WA0002.mp4'\r\n }\r\n];\r\n\r\nvar currentVideoIdx = 0;\r\nvar isVideoPlaying = false;\r\n\r\nvar mainVideo = document.getElementById('main-video');\r\nvar mainVideoTitle = document.getElementById('main-video-title');\r\nvar mainVideoSub = document.getElementById('main-video-sub');\r\nvar mainPlayBtn = document.getElementById('main-play-btn');\r\nvar mainProgressBar = document.getElementById('main-progress-bar');\r\nvar mainProgressFill = document.getElementById('main-progress-fill');\r\nvar mainTimeDisplay = document.getElementById('main-time-display');\r\nvar videoPlaylistItems = document.getElementById('video-playlist-items');\r\nvar videoPlaylistCount = document.getElementById('video-playlist-count');\r\n\r\nfunction fmtVideoTime(s) {\r\n if (isNaN(s) || !isFinite(s)) return '0:00';\r\n var m = Math.floor(s \/ 60);\r\n var sec = Math.floor(s % 60);\r\n return m + ':' + sec.toString().padStart(2, '0');\r\n}\r\n\r\nfunction loadVideo(idx) {\r\n if (idx < 0 || idx >= VIDEO_DATA.length) return;\r\n currentVideoIdx = idx;\r\n var v = VIDEO_DATA[idx];\r\n \r\n mainVideo.pause();\r\n mainVideo.src = v.src;\r\n mainVideo.poster = v.poster;\r\n mainVideo.load();\r\n mainVideoTitle.textContent = v.title;\r\n mainVideoSub.textContent = v.subtitle;\r\n mainProgressFill.style.width = '0%';\r\n mainTimeDisplay.textContent = '0:00 \/ ' + (v.duration || '0:00');\r\n mainPlayBtn.textContent = '\\u25b6';\r\n isVideoPlaying = false;\r\n \r\n renderVideoPlaylist();\r\n}\r\n\r\nfunction playVideo() {\r\n mainVideo.play().then(function() {\r\n isVideoPlaying = true;\r\n mainPlayBtn.textContent = '\\u23f8';\r\n renderVideoPlaylist();\r\n }).catch(function() {});\r\n}\r\n\r\nfunction pauseVideo() {\r\n mainVideo.pause();\r\n isVideoPlaying = false;\r\n mainPlayBtn.textContent = '\\u25b6';\r\n renderVideoPlaylist();\r\n}\r\n\r\nfunction toggleVideo() {\r\n if (isVideoPlaying) {\r\n pauseVideo();\r\n } else {\r\n playVideo();\r\n }\r\n}\r\n\r\nfunction renderVideoPlaylist() {\r\n videoPlaylistCount.textContent = VIDEO_DATA.length + ' video' + (VIDEO_DATA.length !== 1 ? 's' : '');\r\n videoPlaylistItems.innerHTML = '';\r\n \r\n VIDEO_DATA.forEach(function(v, i) {\r\n var item = document.createElement('div');\r\n var isActive = i === currentVideoIdx;\r\n var isPlayingNow = isActive && isVideoPlaying;\r\n item.className = 'video-playlist-item' + (isActive ? ' active' : '') + (isPlayingNow ? ' playing-now' : '');\r\n item.innerHTML = '\\n <span class=\"vp-num\">' + (i + 1) + '<\/span>\\n <div class=\"vp-thumb\">\\n <img decoding=\"async\" src=\"' + v.poster + '\" alt=\"' + v.title + '\" loading=\"lazy\">\\n <\/div>\\n <div class=\"vp-info\">\\n <div class=\"vp-name\">' + v.title + '<\/div>\\n <div class=\"vp-duration\">' + (v.duration || '\u2014') + '<\/div>\\n <\/div>\\n <span class=\"vp-playing-badge\">\\u25cf Playing<\/span>\\n ';\r\n item.addEventListener('click', function() {\r\n if (i === currentVideoIdx) {\r\n toggleVideo();\r\n } else {\r\n loadVideo(i);\r\n playVideo();\r\n }\r\n });\r\n videoPlaylistItems.appendChild(item);\r\n });\r\n}\r\n\r\nmainVideo.addEventListener('timeupdate', function() {\r\n if (!mainVideo.duration) return;\r\n var pct = (mainVideo.currentTime \/ mainVideo.duration) * 100;\r\n mainProgressFill.style.width = pct + '%';\r\n mainTimeDisplay.textContent = fmtVideoTime(mainVideo.currentTime) + ' \/ ' + fmtVideoTime(mainVideo.duration);\r\n});\r\n\r\nmainVideo.addEventListener('loadedmetadata', function() {\r\n VIDEO_DATA[currentVideoIdx].duration = fmtVideoTime(mainVideo.duration);\r\n mainTimeDisplay.textContent = '0:00 \/ ' + VIDEO_DATA[currentVideoIdx].duration;\r\n renderVideoPlaylist();\r\n});\r\n\r\nmainVideo.addEventListener('ended', function() {\r\n isVideoPlaying = false;\r\n mainPlayBtn.textContent = '\\u25b6';\r\n renderVideoPlaylist();\r\n mainVideo.currentTime = 0;\r\n});\r\n\r\nmainVideo.addEventListener('play', function() {\r\n isVideoPlaying = true;\r\n mainPlayBtn.textContent = '\\u23f8';\r\n renderVideoPlaylist();\r\n});\r\n\r\nmainVideo.addEventListener('pause', function() {\r\n isVideoPlaying = false;\r\n mainPlayBtn.textContent = '\\u25b6';\r\n renderVideoPlaylist();\r\n});\r\n\r\nmainPlayBtn.addEventListener('click', toggleVideo);\r\nmainVideo.addEventListener('click', toggleVideo);\r\n\r\nmainProgressBar.addEventListener('click', function(e) {\r\n if (!mainVideo.duration) return;\r\n var rect = mainProgressBar.getBoundingClientRect();\r\n var pct = Math.min(Math.max((e.clientX - rect.left) \/ rect.width, 0), 1);\r\n mainVideo.currentTime = pct * mainVideo.duration;\r\n});\r\n\r\nloadVideo(0);\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Behnam Ghazanfaripour \u2014 Persian Santoor B \u00b7 G Biography Gallery Achievements Music Videos Festivals Teaching Contact Santoor \u00b7 Persian Classical Music \u00b7 United Kingdom BehnamGhazanfaripour Bridging civilisations through the strings of the santoor \u2014where ancient Persian tradition meets the world. 25Fringe 2026 35+Years Teaching 18+Festivals BBCDocumentary Scroll Biography Santoor \u00b7 Tombak Persian ClassicalFolk MusicUK BasedIran […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beniband.com\/?page_id=31%2Findex.php&rest_route=\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beniband.com\/?page_id=31%2Findex.php&rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beniband.com\/?page_id=31%2Findex.php&rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beniband.com\/?page_id=31%2Findex.php&rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beniband.com\/?page_id=31%2Findex.php&rest_route=%2Fwp%2Fv2%2Fcomments&post=31"}],"version-history":[{"count":245,"href":"https:\/\/beniband.com\/?page_id=31%2Findex.php&rest_route=\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":364,"href":"https:\/\/beniband.com\/?page_id=31%2Findex.php&rest_route=\/wp\/v2\/pages\/31\/revisions\/364"}],"wp:attachment":[{"href":"https:\/\/beniband.com\/?page_id=31%2Findex.php&rest_route=%2Fwp%2Fv2%2Fmedia&parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}