{"id":9,"date":"2026-05-03T15:18:38","date_gmt":"2026-05-03T15:18:38","guid":{"rendered":"https:\/\/championsislandboston.com\/?page_id=9"},"modified":"2026-05-07T13:19:27","modified_gmt":"2026-05-07T13:19:27","slug":"home","status":"publish","type":"page","link":"https:\/\/championsislandboston.com\/","title":{"rendered":"Home"},"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\n\r\n\r\n\r\n\r\nChampions Island \u2013 May 30, 2026 | Boston Harbor \u2192 Georges Island<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2500\u2500 FLYER PALETTE \u2500\u2500\r\n Sky Gold: #F4C865\r\n Gold Accent: #D4A843\r\n Sunset Orange: #EB9D6D\r\n Deep Crimson: #C42B2B (ISLAND red)\r\n Title Blue: #1B2B6B (CHAMPIONS blue)\r\n Water Teal: #2ABFBF \/ #579188\r\n Deep Dark: #080511 (near black, deep purple undertone)\r\n Dark Navy: #0D0C1E\r\n Mid Dark: #141030\r\n*\/\r\n:root {\r\n --sky-gold: #F4C865;\r\n --gold: #D4A843;\r\n --gold-dim: rgba(212,168,67,0.12);\r\n --sunset: #EB9D6D;\r\n --crimson: #C42B2B;\r\n --title-blue: #1B2B6B;\r\n --teal: #2ABFBF;\r\n --teal-dark: #579188;\r\n --dark: #080511;\r\n --navy: #0D0C1E;\r\n --navy2: #141030;\r\n --off: #F2EDE4;\r\n --muted: rgba(242,237,228,0.5);\r\n --muted2: rgba(242,237,228,0.25);\r\n --border: rgba(212,168,67,0.15);\r\n --border2: rgba(42,191,191,0.15);\r\n}\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\nfont-family: \u2018DM Sans\u2019, sans-serif;\r\nbackground: #080511;\r\ncolor: #F2EDE4;\r\noverflow-x: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 GRAIN \u2500\u2500 *\/\r\nbody::after {\r\ncontent: \u2018\u2019;\r\nposition: fixed;\r\ninset: 0;\r\nbackground-image: url(\u201cdata:image\/svg+xml,%3Csvg xmlns=\u2018http:\/\/www.w3.org\/2000\/svg\u2019 width=\u2018300\u2019 height=\u2018300\u2019%3E%3Cfilter id=\u2018n\u2019%3E%3CfeTurbulence type=\u2018fractalNoise\u2019 baseFrequency=\u20180.75\u2019 numOctaves=\u20184\u2019 stitchTiles=\u2018stitch\u2019\/%3E%3CfeColorMatrix type=\u2018saturate\u2019 values=\u20180\u2019\/%3E%3C\/filter%3E%3Crect width=\u2018300\u2019 height=\u2018300\u2019 filter=\u2018url(%23n)\u2019 opacity=\u20180.03\u2019\/%3E%3C\/svg%3E\u201d);\r\npointer-events: none;\r\nz-index: 998;\r\n}\r\n\r\n\/* \u2500\u2500 ANNOUNCEMENT BAR \u2500\u2500 *\/\r\n.ann-bar {\r\nbackground: linear-gradient(90deg, #1B2B6B, #243580, #1B2B6B);\r\nbackground-size: 200% 100%;\r\nanimation: shimmer-bar 4s ease-in-out infinite;\r\ncolor: #F4C865;\r\ntext-align: center;\r\npadding: 11px 20px;\r\nfont-size: 12px;\r\nfont-weight: 600;\r\nletter-spacing: 1.5px;\r\ntext-transform: uppercase;\r\nposition: relative;\r\nz-index: 100;\r\n}\r\n@keyframes shimmer-bar {\r\n0%,100% { background-position: 0% 50%; }\r\n50% { background-position: 100% 50%; }\r\n}\r\n.ann-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #2ABFBF; margin: 0 10px; vertical-align: middle; animation: blink 1.4s ease-in-out infinite; }\r\n@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }\r\n\r\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\r\nnav {\r\nposition: fixed;\r\ntop: 37px; left: 0; right: 0;\r\nz-index: 90;\r\npadding: 16px 28px;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: space-between;\r\ntransition: all 0.35s ease;\r\n}\r\nnav.scrolled {\r\ntop: 0;\r\nbackground: rgba(8,5,17,0.93);\r\nbackdrop-filter: blur(16px);\r\npadding: 13px 28px;\r\nborder-bottom: 1px solid rgba(212,168,67,0.15);\r\n}\r\n.nav-logo {\r\nfont-family: \u2018Bebas Neue\u2019, sans-serif;\r\nfont-size: 20px;\r\nletter-spacing: 4px;\r\nbackground: linear-gradient(90deg, #F4C865, #EB9D6D);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nbackground-clip: text;\r\n}\r\n.nav-right { display: flex; align-items: center; gap: 20px; }\r\n.nav-flag { font-size: 18px; }\r\n.nav-btn {\r\nbackground: linear-gradient(135deg, #D4A843, #F4C865);\r\ncolor: #080511;\r\nfont-size: 11px;\r\nfont-weight: 700;\r\nletter-spacing: 2px;\r\ntext-transform: uppercase;\r\npadding: 10px 22px;\r\nborder-radius: 3px;\r\ntext-decoration: none;\r\ntransition: all 0.2s;\r\nborder: none;\r\ncursor: pointer;\r\n}\r\n.nav-btn:hover { filter: brightness(1.1); transform: translateY(-1px); box-shadow: 0 8px 30px rgba(212,168,67,0.4); }\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.hero {\r\nmin-height: 100svh;\r\nposition: relative;\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;\r\njustify-content: center;\r\ntext-align: center;\r\npadding: 130px 24px 100px;\r\noverflow: hidden;\r\n}\r\n\r\n\/* Flyer-inspired gradient sky *\/\r\n.hero-bg {\r\nposition: absolute;\r\ninset: 0;\r\nbackground:\r\nradial-gradient(ellipse 120% 60% at 50% -10%, rgba(244,200,101,0.22) 0%, transparent 55%),\r\nradial-gradient(ellipse 80% 50% at 15% 30%, rgba(235,157,109,0.18) 0%, transparent 50%),\r\nradial-gradient(ellipse 80% 50% at 85% 30%, rgba(235,157,109,0.12) 0%, transparent 50%),\r\nradial-gradient(ellipse 100% 60% at 50% 100%, rgba(42,191,191,0.15) 0%, transparent 50%),\r\nradial-gradient(ellipse 60% 40% at 50% 50%, rgba(27,43,107,0.3) 0%, transparent 70%),\r\nlinear-gradient(180deg, #0C0A1A 0%, #10082A 30%, #080511 60%, #08111A 100%);\r\n}\r\n\r\n\/* Horizon glow line like the flyer\u2019s water line *\/\r\n.hero-horizon {\r\nposition: absolute;\r\nbottom: 35%;\r\nleft: -10%;\r\nright: -10%;\r\nheight: 1px;\r\nbackground: linear-gradient(90deg, transparent, rgba(42,191,191,0.3), rgba(244,200,101,0.4), rgba(42,191,191,0.3), transparent);\r\nfilter: blur(1px);\r\n}\r\n.hero-horizon::before {\r\ncontent: \u2018\u2019;\r\nposition: absolute;\r\ntop: -8px;\r\nleft: 0; right: 0;\r\nheight: 16px;\r\nbackground: linear-gradient(180deg, transparent, rgba(42,191,191,0.06), transparent);\r\nfilter: blur(4px);\r\n}\r\n\r\n\/* Floating orbs *\/\r\n.orb {\r\nposition: absolute;\r\nborder-radius: 50%;\r\nfilter: blur(70px);\r\npointer-events: none;\r\n}\r\n.orb-1 { width: 600px; height: 300px; background: rgba(244,200,101,0.07); top: -60px; left: -100px; animation: drift 12s ease-in-out infinite; }\r\n.orb-2 { width: 400px; height: 400px; background: rgba(235,157,109,0.06); top: 10%; right: -80px; animation: drift 10s ease-in-out infinite 3s; }\r\n.orb-3 { width: 500px; height: 200px; background: rgba(42,191,191,0.08); bottom: 20%; left: -50px; animation: drift 14s ease-in-out infinite 6s; }\r\n.orb-4 { width: 300px; height: 300px; background: rgba(27,43,107,0.4); top: 40%; left: 50%; transform: translateX(-50%); }\r\n@keyframes drift {\r\n0%,100% { transform: translate(0, 0) scale(1); }\r\n33% { transform: translate(20px, -15px) scale(1.05); }\r\n66% { transform: translate(-10px, 10px) scale(0.97); }\r\n}\r\n\r\n.hero-content { position: relative; z-index: 2; }\r\n\r\n.hero-eyebrow {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 8px;\r\nbackground: rgba(27,43,107,0.5);\r\nborder: 1px solid rgba(244,200,101,0.2);\r\nborder-radius: 20px;\r\npadding: 7px 18px;\r\nfont-size: 11px;\r\nfont-weight: 600;\r\nletter-spacing: 3px;\r\ntext-transform: uppercase;\r\ncolor: #F4C865;\r\nmargin-bottom: 28px;\r\nopacity: 0;\r\nanimation: rise 0.9s ease forwards 0.3s;\r\n}\r\n\r\n\/* The big title \u2014 matching flyer\u2019s CHAMPIONS \/ ISLAND treatment *\/\r\n.hero-title-wrap {\r\nopacity: 0;\r\nanimation: rise 0.9s ease forwards 0.5s;\r\nmargin-bottom: 8px;\r\n}\r\n.title-champions {\r\nfont-family: \u2018Bebas Neue\u2019, sans-serif;\r\nfont-size: clamp(80px, 20vw, 180px);\r\nline-height: 0.88;\r\nletter-spacing: 8px;\r\n\/* CHAMPIONS is blue like the flyer *\/\r\ncolor: #F4C865;\r\ntext-shadow:\r\n0 0 60px rgba(244,200,101,0.3),\r\n0 0 120px rgba(244,200,101,0.15),\r\n2px 2px 0 rgba(27,43,107,0.8);\r\ndisplay: block;\r\n}\r\n.title-island {\r\nfont-family: \u2018Bebas Neue\u2019, sans-serif;\r\nfont-size: clamp(84px, 22vw, 196px);\r\nline-height: 0.88;\r\nletter-spacing: 10px;\r\n\/* ISLAND is red\/crimson like the flyer *\/\r\ncolor: #C42B2B;\r\ntext-shadow:\r\n0 0 60px rgba(196,43,43,0.4),\r\n0 0 120px rgba(196,43,43,0.2),\r\n2px 2px 0 rgba(0,0,0,0.6);\r\ndisplay: block;\r\n-webkit-text-stroke: 0.5px rgba(244,200,101,0.2);\r\n}\r\n\r\n\/* The gold dashes flanking the title \u2014 exactly like the flyer *\/\r\n.title-deco {\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\ngap: 12px;\r\nmargin: 4px 0 16px;\r\nopacity: 0;\r\nanimation: rise 0.9s ease forwards 0.65s;\r\n}\r\n.title-dash {\r\nheight: 2px;\r\nwidth: 40px;\r\nbackground: linear-gradient(90deg, transparent, #D4A843);\r\n}\r\n.title-dash.right { background: linear-gradient(90deg, #D4A843, transparent); }\r\n.title-deco-text {\r\nfont-size: 10px;\r\nfont-weight: 600;\r\nletter-spacing: 4px;\r\ntext-transform: uppercase;\r\ncolor: #D4A843;\r\n}\r\n\r\n.hero-tagline {\r\nfont-family: \u2018Cormorant Garamond\u2019, serif;\r\nfont-size: clamp(15px, 4vw, 22px);\r\nfont-weight: 600;\r\nletter-spacing: 2px;\r\ntext-transform: uppercase;\r\ncolor: #F2EDE4;\r\nopacity: 0.8;\r\nmargin-bottom: 32px;\r\nopacity: 0;\r\nanimation: rise 0.9s ease forwards 0.75s;\r\n}\r\n\r\n\/* Flyer-style \u201cHOW YOUR NIGHT WORKS\u201d box aesthetic *\/\r\n.hero-date-box {\r\ndisplay: inline-block;\r\nborder: 1.5px solid rgba(244,200,101,0.3);\r\nborder-radius: 6px;\r\npadding: 16px 32px;\r\nmargin-bottom: 36px;\r\nbackground: rgba(27,43,107,0.25);\r\nbackdrop-filter: blur(8px);\r\nopacity: 0;\r\nanimation: rise 0.9s ease forwards 0.85s;\r\n}\r\n.date-sat { font-size: 11px; letter-spacing: 5px; text-transform: uppercase; color: rgba(242,237,228,0.5); }\r\n.date-main {\r\nfont-family: \u2018Bebas Neue\u2019, sans-serif;\r\nfont-size: clamp(36px, 8vw, 56px);\r\nletter-spacing: 4px;\r\ncolor: #F2EDE4;\r\nline-height: 1;\r\n}\r\n.date-time { font-size: 12px; letter-spacing: 3px; color: #F4C865; margin-top: 4px; }\r\n\r\n\/* COUNTDOWN *\/\r\n.countdown-section {\r\nmargin-bottom: 36px;\r\nopacity: 0;\r\nanimation: rise 0.9s ease forwards 0.95s;\r\n}\r\n.cd-label { font-size: 9px; letter-spacing: 4px; text-transform: uppercase; color: #2ABFBF; margin-bottom: 12px; }\r\n.countdown { display: flex; align-items: flex-start; justify-content: center; gap: 6px; }\r\n.cd-unit { display: flex; flex-direction: column; align-items: center; gap: 5px; }\r\n.cd-num {\r\nfont-family: \u2018Bebas Neue\u2019, sans-serif;\r\nfont-size: clamp(44px, 11vw, 80px);\r\nline-height: 1;\r\ncolor: #F2EDE4;\r\nbackground: rgba(27,43,107,0.4);\r\nborder: 1px solid rgba(244,200,101,0.2);\r\nborder-radius: 6px;\r\npadding: 10px 16px;\r\nmin-width: clamp(70px, 17vw, 100px);\r\ntext-align: center;\r\nposition: relative;\r\n}\r\n.cd-num::after {\r\ncontent: \u2018\u2019;\r\nposition: absolute;\r\ntop: 50%; left: 0; right: 0;\r\nheight: 1px;\r\nbackground: rgba(244,200,101,0.08);\r\n}\r\n.cd-lbl { font-size: 8px; letter-spacing: 3px; text-transform: uppercase; color: rgba(242,237,228,0.5); }\r\n.cd-colon {\r\nfont-family: \u2018Bebas Neue\u2019, sans-serif;\r\nfont-size: 52px;\r\ncolor: #D4A843;\r\nopacity: 0.35;\r\nline-height: 1.15;\r\n}\r\n\r\n.hero-ctas {\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;\r\ngap: 14px;\r\nopacity: 0;\r\nanimation: rise 0.9s ease forwards 1.05s;\r\n}\r\n.btn-main {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 12px;\r\nbackground: linear-gradient(135deg, #D4A843 0%, #F4C865 50%, #D4A843 100%);\r\nbackground-size: 200% 100%;\r\ncolor: #080511;\r\nfont-size: 13px;\r\nfont-weight: 700;\r\nletter-spacing: 2.5px;\r\ntext-transform: uppercase;\r\npadding: 18px 44px;\r\nborder-radius: 4px;\r\ntext-decoration: none;\r\nborder: none;\r\ncursor: pointer;\r\ntransition: all 0.3s;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n.btn-main::before {\r\ncontent: \u2018\u2019;\r\nposition: absolute;\r\ntop: 0; left: -100%;\r\nwidth: 60%;\r\nheight: 100%;\r\nbackground: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);\r\ntransition: left 0.5s;\r\n}\r\n.btn-main:hover::before { left: 150%; }\r\n.btn-main:hover { filter: brightness(1.08); transform: translateY(-2px); box-shadow: 0 16px 50px rgba(212,168,67,0.45); }\r\n.btn-main .arr { font-size: 20px; transition: transform 0.2s; }\r\n.btn-main:hover .arr { transform: translateX(5px); }\r\n\r\n.btn-ghost {\r\nfont-size: 12px;\r\nfont-weight: 500;\r\nletter-spacing: 2px;\r\ntext-transform: uppercase;\r\ncolor: rgba(242,237,228,0.5);\r\ntext-decoration: none;\r\npadding-bottom: 3px;\r\nborder-bottom: 1px solid rgba(242,237,228,0.15);\r\ntransition: all 0.2s;\r\n}\r\n.btn-ghost:hover { color: #F4C865; border-color: #F4C865; }\r\n\r\n.hero-scarcity {\r\nmargin-top: 28px;\r\nfont-size: 11px;\r\nfont-weight: 500;\r\nletter-spacing: 1.5px;\r\ntext-transform: uppercase;\r\ncolor: rgba(242,237,228,0.5);\r\nopacity: 0;\r\nanimation: rise 0.9s ease forwards 1.2s;\r\n}\r\n.hero-scarcity strong { color: #F4C865; }\r\n\r\n\/* Scroll bounce *\/\r\n.scroll-cue {\r\nposition: absolute;\r\nbottom: 28px;\r\nleft: 50%;\r\ntransform: translateX(-50%);\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;\r\ngap: 4px;\r\nopacity: 0;\r\nanimation: rise 0.9s ease forwards 1.5s;\r\n}\r\n.s-dot {\r\nwidth: 4px; height: 4px;\r\nborder-radius: 50%;\r\nbackground: #D4A843;\r\nanimation: sbounce 1.6s ease infinite;\r\n}\r\n.s-dot:nth-child(2) { animation-delay: 0.2s; opacity: 0.5; }\r\n.s-dot:nth-child(3) { animation-delay: 0.4s; opacity: 0.25; }\r\n@keyframes sbounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(8px)} }\r\n\r\n@keyframes rise {\r\nfrom { opacity: 0; transform: translateY(28px); }\r\nto { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\r\n.stats-bar {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(4, 1fr);\r\nborder-top: 1px solid rgba(212,168,67,0.15);\r\nborder-bottom: 1px solid rgba(212,168,67,0.15);\r\nbackground: rgba(27,43,107,0.12);\r\n}\r\n.s-cell {\r\npadding: 24px 16px;\r\ntext-align: center;\r\nborder-right: 1px solid rgba(212,168,67,0.15);\r\n}\r\n.s-cell:last-child { border-right: none; }\r\n.s-n {\r\nfont-family: \u2018Bebas Neue\u2019, sans-serif;\r\nfont-size: clamp(30px, 7vw, 48px);\r\nbackground: linear-gradient(135deg, #F4C865, #EB9D6D);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nbackground-clip: text;\r\nline-height: 1;\r\ndisplay: block;\r\n}\r\n.s-l { font-size: 9px; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(242,237,228,0.5); margin-top: 4px; }\r\n\r\n\/* \u2500\u2500 GENERIC SECTION \u2500\u2500 *\/\r\n.wrap { max-width: 920px; margin: 0 auto; padding: 0 24px; }\r\n.sec { padding: 88px 24px; max-width: 920px; margin: 0 auto; }\r\n\r\n.eyebrow { font-size: 10px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: #2ABFBF; margin-bottom: 12px; }\r\n.sec-title {\r\nfont-family: \u2018Cormorant Garamond\u2019, serif;\r\nfont-size: clamp(34px, 7vw, 58px);\r\nfont-weight: 700;\r\nline-height: 1.05;\r\ncolor: #F2EDE4;\r\nmargin-bottom: 16px;\r\n}\r\n.sec-title em { color: #F4C865; font-style: italic; }\r\n.sec-title .red { color: #C42B2B; }\r\n.sec-body { font-size: 15px; line-height: 1.8; color: rgba(242,237,228,0.5); max-width: 580px; }\r\n\r\n\/* Flyer-style divider *\/\r\n.flyer-divider {\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 12px;\r\nmargin: 40px 0;\r\n}\r\n.fd-line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(212,168,67,0.15), transparent); }\r\n.fd-dot { width: 6px; height: 6px; border-radius: 50%; background: #D4A843; }\r\n\r\n\/* \u2500\u2500 HOW YOUR NIGHT WORKS \u2500\u2500 *\/\r\n\/* Match flyer\u2019s rounded dark box with icon grid *\/\r\n.night-works {\r\nbackground: linear-gradient(135deg, rgba(27,43,107,0.3) 0%, rgba(8,5,17,0.5) 100%);\r\nborder: 1px solid rgba(244,200,101,0.2);\r\nborder-radius: 16px;\r\noverflow: hidden;\r\nmargin-top: 48px;\r\n}\r\n.nw-header {\r\nbackground: linear-gradient(90deg, rgba(27,43,107,0.8), rgba(196,43,43,0.4), rgba(27,43,107,0.8));\r\npadding: 16px 24px;\r\ntext-align: center;\r\n}\r\n.nw-header-text {\r\nfont-family: \u2018Bebas Neue\u2019, sans-serif;\r\nfont-size: 22px;\r\nletter-spacing: 6px;\r\ncolor: #F4C865;\r\n}\r\n.nw-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(4, 1fr);\r\n}\r\n.nw-step {\r\npadding: 32px 20px;\r\ntext-align: center;\r\nborder-right: 1px solid rgba(244,200,101,0.1);\r\nposition: relative;\r\ntransition: background 0.3s;\r\n}\r\n.nw-step:last-child { border-right: none; }\r\n.nw-step:hover { background: rgba(244,200,101,0.04); }\r\n.nw-num {\r\nfont-family: \u2018Bebas Neue\u2019, sans-serif;\r\nfont-size: 11px;\r\nletter-spacing: 3px;\r\ncolor: #2ABFBF;\r\nmargin-bottom: 10px;\r\n}\r\n.nw-icon { font-size: 36px; margin-bottom: 12px; }\r\n.nw-title { font-size: 13px; font-weight: 600; color: #F2EDE4; margin-bottom: 6px; }\r\n.nw-desc { font-size: 11px; color: rgba(242,237,228,0.5); line-height: 1.55; }\r\n\r\n\/* \u2500\u2500 FEATURES \u2500\u2500 *\/\r\n.feat-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr);\r\ngap: 2px;\r\nmargin-top: 40px;\r\nbackground: rgba(212,168,67,0.15);\r\nborder-radius: 12px;\r\noverflow: hidden;\r\n}\r\n.feat-card {\r\nbackground: #0D0C1E;\r\npadding: 32px 24px;\r\ntransition: background 0.3s;\r\n}\r\n.feat-card:hover { background: rgba(244,200,101,0.05); }\r\n.feat-icon { font-size: 26px; margin-bottom: 14px; }\r\n.feat-title { font-size: 14px; font-weight: 600; color: #F2EDE4; margin-bottom: 6px; }\r\n.feat-desc { font-size: 12px; color: rgba(242,237,228,0.5); line-height: 1.6; }\r\n\r\n\/* \u2500\u2500 LINEUP \u2500\u2500 *\/\r\n.lineup-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr);\r\ngap: 16px;\r\nmargin-top: 44px;\r\n}\r\n.artist-card {\r\nborder-radius: 12px;\r\noverflow: hidden;\r\nborder: 1px solid rgba(244,200,101,0.1);\r\nbackground: rgba(255,255,255,0.02);\r\ntransition: all 0.35s;\r\n}\r\n.artist-card:hover {\r\nborder-color: #D4A843;\r\ntransform: translateY(-8px);\r\nbox-shadow: 0 24px 60px rgba(0,0,0,0.6), 0 0 40px rgba(212,168,67,0.1);\r\n}\r\n.a-img {\r\nwidth: 100%;\r\naspect-ratio: 1;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nfont-size: 64px;\r\nbackground: linear-gradient(145deg, rgba(27,43,107,0.5), rgba(8,5,17,0.8));\r\nborder-bottom: 1px solid rgba(244,200,101,0.08);\r\n}\r\n.a-info { padding: 18px 16px; }\r\n.a-name {\r\nfont-family: \u2018Cormorant Garamond\u2019, serif;\r\nfont-size: 20px;\r\nfont-weight: 700;\r\ncolor: #F2EDE4;\r\nmargin-bottom: 4px;\r\n}\r\n.a-role { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: #2ABFBF; }\r\n\r\n\/* \u2500\u2500 TICKETS \u2500\u2500 *\/\r\n.tickets-bg {\r\nbackground: linear-gradient(180deg, transparent 0%, rgba(27,43,107,0.08) 30%, rgba(27,43,107,0.12) 70%, transparent 100%);\r\npadding: 88px 0;\r\n}\r\n\r\n.urgency-pill {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 8px;\r\nbackground: rgba(196,43,43,0.1);\r\nborder: 1px solid rgba(196,43,43,0.3);\r\nborder-radius: 20px;\r\npadding: 8px 18px;\r\nfont-size: 12px;\r\ncolor: #FF7070;\r\nmargin-bottom: 36px;\r\nfont-weight: 500;\r\n}\r\n.u-dot {\r\nwidth: 7px; height: 7px;\r\nborder-radius: 50%;\r\nbackground: #FF4444;\r\nanimation: pulse-r 1.5s ease-in-out infinite;\r\n}\r\n@keyframes pulse-r {\r\n0%,100% { box-shadow: 0 0 0 0 rgba(255,68,68,0.5); }\r\n50% { box-shadow: 0 0 0 7px rgba(255,68,68,0); }\r\n}\r\n\r\n.tiers {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr);\r\ngap: 16px;\r\nmargin-top: 12px;\r\n}\r\n.tier {\r\nborder-radius: 16px;\r\nborder: 1px solid rgba(244,200,101,0.12);\r\nbackground: rgba(20,16,48,0.6);\r\npadding: 36px 26px 28px;\r\nposition: relative;\r\ndisplay: flex;\r\nflex-direction: column;\r\ntransition: all 0.3s;\r\nbackdrop-filter: blur(6px);\r\n}\r\n.tier:hover {\r\nborder-color: rgba(244,200,101,0.3);\r\ntransform: translateY(-5px);\r\nbox-shadow: 0 20px 60px rgba(0,0,0,0.5);\r\n}\r\n.tier.hot {\r\nborder-color: #D4A843;\r\nborder-width: 1.5px;\r\nbackground: rgba(27,43,107,0.25);\r\n}\r\n.tier.vip {\r\nborder-color: rgba(42,191,191,0.35);\r\nbackground: rgba(42,191,191,0.04);\r\n}\r\n.tier.vip:hover { border-color: #2ABFBF; }\r\n\r\n.tier-badge {\r\nposition: absolute;\r\ntop: -13px; left: 50%;\r\ntransform: translateX(-50%);\r\nbackground: linear-gradient(90deg, #D4A843, #F4C865);\r\ncolor: #080511;\r\nfont-size: 10px;\r\nfont-weight: 700;\r\nletter-spacing: 2px;\r\ntext-transform: uppercase;\r\npadding: 5px 18px;\r\nborder-radius: 20px;\r\nwhite-space: nowrap;\r\n}\r\n.vip-badge { background: linear-gradient(90deg, #579188, #2ABFBF); color: #080511; }\r\n\r\n.t-label { font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: #D4A843; margin-bottom: 10px; }\r\n.tier.vip .t-label { color: #2ABFBF; }\r\n.t-price {\r\nfont-family: \u2018Bebas Neue\u2019, sans-serif;\r\nfont-size: 64px;\r\nline-height: 1;\r\ncolor: #F2EDE4;\r\nmargin-bottom: 2px;\r\n}\r\n.t-price sup { font-family: \u2018DM Sans\u2019, sans-serif; font-size: 24px; font-weight: 300; vertical-align: super; }\r\n.t-note { font-size: 11px; color: rgba(242,237,228,0.5); margin-bottom: 20px; }\r\n.t-rule { height: 1px; background: rgba(244,200,101,0.08); margin-bottom: 20px; }\r\n.tier.vip .t-rule { background: rgba(42,191,191,0.12); }\r\n\r\n.t-perks { list-style: none; flex: 1; margin-bottom: 24px; }\r\n.t-perks li {\r\nfont-size: 13px;\r\ncolor: rgba(242,237,228,0.5);\r\npadding: 7px 0;\r\ndisplay: flex;\r\nalign-items: flex-start;\r\ngap: 9px;\r\nline-height: 1.4;\r\nborder-bottom: 1px solid rgba(255,255,255,0.03);\r\n}\r\n.t-perks li:last-child { border-bottom: none; }\r\n.t-perks li::before { content: \u2018\u2713\u2019; color: #2ABFBF; font-weight: 700; flex-shrink: 0; margin-top: 1px; font-size: 12px; }\r\n.tier.vip .t-perks li::before { color: #2ABFBF; }\r\n\r\n.t-btn {\r\ndisplay: block;\r\nwidth: 100%;\r\npadding: 15px;\r\nborder-radius: 6px;\r\nfont-size: 11px;\r\nfont-weight: 700;\r\nletter-spacing: 2.5px;\r\ntext-transform: uppercase;\r\ntext-align: center;\r\ntext-decoration: none;\r\ncursor: pointer;\r\ntransition: all 0.25s;\r\nborder: none;\r\nfont-family: \u2018DM Sans\u2019, sans-serif;\r\n}\r\n.t-btn-gold { background: linear-gradient(135deg, #D4A843, #F4C865); color: #080511; }\r\n.t-btn-gold:hover { filter: brightness(1.1); transform: translateY(-1px); }\r\n.t-btn-outline { background: transparent; color: #D4A843; border: 1px solid rgba(212,168,67,0.4); }\r\n.t-btn-outline:hover { background: rgba(212,168,67,0.08); border-color: #D4A843; }\r\n.t-btn-teal { background: linear-gradient(135deg, #579188, #2ABFBF); color: #080511; }\r\n.t-btn-teal:hover { filter: brightness(1.1); transform: translateY(-1px); }\r\n\r\n.t-avail { margin-top: 10px; text-align: center; font-size: 10px; color: rgba(242,237,228,0.5); letter-spacing: 1px; }\r\n.a-dot { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #2ABFBF; margin-right: 5px; }\r\n.a-low { background: #D4A843; }\r\n\r\n\/* VIP callout *\/\r\n.vip-callout {\r\nmargin-top: 20px;\r\nbackground: rgba(42,191,191,0.05);\r\nborder: 1px solid rgba(42,191,191,0.18);\r\nborder-radius: 10px;\r\npadding: 18px 22px;\r\nfont-size: 13px;\r\ncolor: rgba(242,237,228,0.5);\r\nline-height: 1.7;\r\n}\r\n.vip-callout strong { color: #2ABFBF; }\r\n\r\n\/* Group section *\/\r\n.group-box {\r\nmargin-top: 28px;\r\nbackground: rgba(27,43,107,0.2);\r\nborder: 1px solid rgba(244,200,101,0.15);\r\nborder-radius: 14px;\r\npadding: 36px 32px;\r\ndisplay: grid;\r\ngrid-template-columns: 1fr auto;\r\ngap: 24px;\r\nalign-items: center;\r\n}\r\n.g-title {\r\nfont-family: \u2018Cormorant Garamond\u2019, serif;\r\nfont-size: 26px;\r\nfont-weight: 700;\r\ncolor: #F2EDE4;\r\nmargin-bottom: 8px;\r\n}\r\n.g-desc { font-size: 14px; color: rgba(242,237,228,0.5); line-height: 1.65; }\r\n.g-opts { display: flex; flex-direction: column; gap: 10px; flex-shrink: 0; }\r\n.g-opt {\r\nbackground: rgba(244,200,101,0.06);\r\nborder: 1px solid rgba(244,200,101,0.2);\r\nborder-radius: 8px;\r\npadding: 14px 22px;\r\ntext-align: center;\r\nmin-width: 150px;\r\n}\r\n.g-opt-l { font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: #D4A843; }\r\n.g-opt-p { font-family: \u2018Bebas Neue\u2019, sans-serif; font-size: 32px; color: #F2EDE4; line-height: 1.1; }\r\n.g-opt-s { font-size: 11px; color: rgba(242,237,228,0.5); }\r\n\r\n\/* Door price banner *\/\r\n.door-banner {\r\nmargin-top: 24px;\r\nbackground: rgba(196,43,43,0.08);\r\nborder: 1px solid rgba(196,43,43,0.25);\r\nborder-radius: 8px;\r\npadding: 14px 20px;\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 12px;\r\nfont-size: 13px;\r\ncolor: rgba(242,237,228,0.5);\r\n}\r\n.door-banner strong { color: #FF7070; }\r\n\r\n\/* \u2500\u2500 FAQ \u2500\u2500 *\/\r\n.faq-list { margin-top: 44px; display: flex; flex-direction: column; gap: 3px; }\r\n.faq-item {\r\nborder: 1px solid rgba(244,200,101,0.08);\r\nborder-radius: 8px;\r\noverflow: hidden;\r\nmargin-bottom: 2px;\r\ntransition: border-color 0.2s;\r\n}\r\n.faq-item:hover { border-color: rgba(244,200,101,0.2); }\r\n.faq-item.open { border-color: rgba(244,200,101,0.25); }\r\n.faq-q {\r\nwidth: 100%;\r\nbackground: rgba(20,16,48,0.4);\r\nborder: none;\r\npadding: 20px 24px;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: space-between;\r\ngap: 16px;\r\ncursor: pointer;\r\ntext-align: left;\r\ntransition: background 0.2s;\r\n}\r\n.faq-q:hover { background: rgba(244,200,101,0.04); }\r\n.faq-qt { font-size: 15px; font-weight: 500; color: #F2EDE4; }\r\n.faq-ic {\r\nwidth: 26px; height: 26px;\r\nborder-radius: 50%;\r\nborder: 1px solid rgba(244,200,101,0.25);\r\ndisplay: flex; align-items: center; justify-content: center;\r\ncolor: #D4A843;\r\nfont-size: 18px;\r\nflex-shrink: 0;\r\ntransition: transform 0.3s;\r\n}\r\n.faq-item.open .faq-ic { transform: rotate(45deg); background: rgba(244,200,101,0.1); }\r\n.faq-a {\r\nmax-height: 0;\r\noverflow: hidden;\r\ntransition: max-height 0.4s ease, padding 0.3s;\r\nfont-size: 14px;\r\ncolor: rgba(242,237,228,0.5);\r\nline-height: 1.75;\r\npadding: 0 24px;\r\n}\r\n.faq-item.open .faq-a { max-height: 400px; padding: 2px 24px 22px; }\r\n\r\n\/* \u2500\u2500 EMAIL CAPTURE \u2500\u2500 *\/\r\n.email-sec {\r\nmargin: 0 24px 80px;\r\nmax-width: 920px;\r\nmargin-left: auto;\r\nmargin-right: auto;\r\nborder-radius: 20px;\r\npadding: 64px 48px;\r\ntext-align: center;\r\nposition: relative;\r\noverflow: hidden;\r\nbackground: linear-gradient(135deg, rgba(27,43,107,0.4) 0%, rgba(42,191,191,0.08) 100%);\r\nborder: 1px solid rgba(244,200,101,0.15);\r\n}\r\n.email-sec::before {\r\ncontent: \u2018\u2019;\r\nposition: absolute;\r\ninset: 0;\r\nbackground: radial-gradient(ellipse at 50% 0%, rgba(244,200,101,0.08) 0%, transparent 65%);\r\npointer-events: none;\r\n}\r\n.em-title {\r\nfont-family: \u2018Cormorant Garamond\u2019, serif;\r\nfont-size: clamp(28px, 5vw, 44px);\r\nfont-weight: 700;\r\ncolor: #F2EDE4;\r\nmargin-bottom: 12px;\r\n}\r\n.em-sub { font-size: 15px; color: rgba(242,237,228,0.5); margin-bottom: 32px; }\r\n.em-form { display: flex; gap: 8px; max-width: 480px; margin: 0 auto; }\r\n.em-input {\r\nflex: 1;\r\nbackground: rgba(255,255,255,0.04);\r\nborder: 1px solid rgba(244,200,101,0.2);\r\nborder-radius: 6px;\r\npadding: 14px 18px;\r\nfont-size: 14px;\r\ncolor: #F2EDE4;\r\nfont-family: \u2018DM Sans\u2019, sans-serif;\r\noutline: none;\r\ntransition: border-color 0.2s;\r\n}\r\n.em-input::placeholder { color: rgba(242,237,228,0.5); }\r\n.em-input:focus { border-color: #D4A843; }\r\n.em-btn {\r\nbackground: linear-gradient(135deg, #D4A843, #F4C865);\r\ncolor: #080511;\r\nborder: none;\r\nborder-radius: 6px;\r\npadding: 14px 26px;\r\nfont-size: 12px;\r\nfont-weight: 700;\r\nletter-spacing: 2px;\r\ntext-transform: uppercase;\r\ncursor: pointer;\r\nfont-family: \u2018DM Sans\u2019, sans-serif;\r\ntransition: all 0.2s;\r\nwhite-space: nowrap;\r\n}\r\n.em-btn:hover { filter: brightness(1.1); }\r\n.em-note { font-size: 11px; color: rgba(242,237,228,0.25); margin-top: 12px; }\r\n\r\n\/* \u2500\u2500 PARTNERS \u2500\u2500 *\/\r\n.partners-sec { padding: 0 24px 80px; max-width: 920px; margin: 0 auto; text-align: center; }\r\n.p-label { font-size: 9px; letter-spacing: 4px; text-transform: uppercase; color: rgba(242,237,228,0.25); margin-bottom: 22px; }\r\n.p-chips { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }\r\n.p-chip {\r\nbackground: rgba(255,255,255,0.02);\r\nborder: 1px solid rgba(255,255,255,0.06);\r\nborder-radius: 4px;\r\npadding: 8px 16px;\r\nfont-size: 11px;\r\nfont-weight: 500;\r\ncolor: rgba(242,237,228,0.5);\r\nletter-spacing: 0.5px;\r\ntransition: all 0.2s;\r\n}\r\n.p-chip:hover { border-color: rgba(212,168,67,0.15); color: #F2EDE4; }\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\nfooter {\r\nborder-top: 1px solid rgba(212,168,67,0.15);\r\npadding: 44px 24px;\r\ntext-align: center;\r\nmax-width: 920px;\r\nmargin: 0 auto;\r\n}\r\n.f-logo {\r\nfont-family: \u2018Bebas Neue\u2019, sans-serif;\r\nfont-size: 30px;\r\nletter-spacing: 5px;\r\nbackground: linear-gradient(90deg, #F4C865, #EB9D6D);\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent;\r\nbackground-clip: text;\r\nmargin-bottom: 6px;\r\n}\r\n.f-sub { font-size: 12px; color: rgba(242,237,228,0.5); margin-bottom: 20px; letter-spacing: 1px; }\r\n.f-links { display: flex; gap: 24px; justify-content: center; margin-bottom: 24px; }\r\n.f-links a { font-size: 12px; color: rgba(242,237,228,0.5); text-decoration: none; transition: color 0.2s; }\r\n.f-links a:hover { color: #F4C865; }\r\n.f-copy { font-size: 11px; color: rgba(242,237,228,0.15); }\r\n\r\n\/* \u2500\u2500 STICKY BAR \u2500\u2500 *\/\r\n.sticky {\r\nposition: fixed;\r\nbottom: 0; left: 0; right: 0;\r\nz-index: 80;\r\nbackground: rgba(8,5,17,0.96);\r\nbackdrop-filter: blur(20px);\r\nborder-top: 1px solid rgba(212,168,67,0.15);\r\npadding: 12px 20px;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: space-between;\r\ngap: 12px;\r\ntransform: translateY(100%);\r\ntransition: transform 0.35s ease;\r\n}\r\n.sticky.show { transform: translateY(0); }\r\n.sticky-info strong { font-size: 15px; color: #F2EDE4; display: block; }\r\n.sticky-info span { font-size: 11px; color: rgba(242,237,228,0.5); }\r\n.sticky-btn {\r\nbackground: linear-gradient(135deg, #D4A843, #F4C865);\r\ncolor: #080511;\r\nfont-size: 11px;\r\nfont-weight: 700;\r\nletter-spacing: 2px;\r\ntext-transform: uppercase;\r\npadding: 13px 24px;\r\nborder-radius: 4px;\r\ntext-decoration: none;\r\nflex-shrink: 0;\r\ntransition: filter 0.2s;\r\n}\r\n.sticky-btn:hover { filter: brightness(1.1); }\r\n\r\n\/* \u2500\u2500 TOAST \u2500\u2500 *\/\r\n.toast {\r\nposition: fixed;\r\nbottom: 80px; left: 50%;\r\ntransform: translateX(-50%) translateY(16px);\r\nbackground: #2ABFBF;\r\ncolor: #080511;\r\npadding: 12px 22px;\r\nborder-radius: 6px;\r\nfont-size: 13px;\r\nfont-weight: 600;\r\nopacity: 0;\r\ntransition: all 0.3s;\r\nz-index: 200;\r\nwhite-space: nowrap;\r\n}\r\n.toast.on { opacity: 1; transform: translateX(-50%) translateY(0); }\r\n\r\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\r\n.rv { opacity: 0; transform: translateY(28px); transition: opacity 0.75s ease, transform 0.75s ease; }\r\n.rv.vis { opacity: 1; transform: translateY(0); }\r\n.rv.d1 { transition-delay: 0.1s; }\r\n.rv.d2 { transition-delay: 0.2s; }\r\n.rv.d3 { transition-delay: 0.3s; }\r\n\r\n.hero-title-wrap img {\r\n width: 75%;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 700px) {\r\n.stats-bar { grid-template-columns: repeat(2, 1fr); }\r\n.s-cell:nth-child(2) { border-right: none; }\r\n.nw-grid { grid-template-columns: repeat(2, 1fr); }\r\n.nw-step { border-bottom: 1px solid rgba(244,200,101,0.08); }\r\n.feat-grid { grid-template-columns: repeat(2, 1fr); }\r\n.lineup-grid { grid-template-columns: 1fr 1fr 1fr; }\r\n.tiers { grid-template-columns: 1fr; gap: 28px; }\r\n.tier.hot { order: -1; }\r\n.group-box { grid-template-columns: 1fr; }\r\n.g-opts { flex-direction: row; }\r\n.em-form { flex-direction: column; }\r\nnav .nav-flag { display: none; }\r\n}\r\n@media (max-width: 440px) {\r\n.feat-grid { grid-template-columns: 1fr; }\r\n.lineup-grid { grid-template-columns: 1fr; }\r\n.g-opts { flex-direction: column; }\r\n.cd-colon { display: none; }\r\n.title-champions { letter-spacing: 4px; }\r\n.title-island { letter-spacing: 4px; }\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n<body>\r\n\r\n<!-- ANN BAR -->\r\n\r\n<div class=\"ann-bar\">\r\n \ud83c\udded\ud83c\uddf9 Haiti is in the World Cup\r\n <span class=\"ann-dot\"><\/span>\r\n Boston celebrates May 30\r\n <span class=\"ann-dot\"><\/span>\r\n 500 guests only\r\n<\/div>\r\n\r\n<!-- NAV -->\r\n\r\n<nav id=\"nav\">\r\n <div class=\"nav-logo\">Champions Island<\/div>\r\n <div class=\"nav-right\">\r\n <span class=\"nav-flag\">\ud83c\udded\ud83c\uddf9<\/span>\r\n <a href=\"https:\/\/www.eventbrite.com\/e\/champions-island-tickets-1988675430747\" class=\"nav-btn\" target=\"_blank\">Get Tickets<\/a>\r\n <\/div>\r\n<\/nav>\r\n\r\n<!-- \u2550\u2550 HERO \u2550\u2550 -->\r\n\r\n<section class=\"hero\" id=\"top\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-horizon\"><\/div>\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n <div class=\"orb orb-3\"><\/div>\r\n <div class=\"orb orb-4\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-eyebrow\">\r\n Boston Harbor \u2192 Georges Island\r\n <\/div>\r\n\r\n\r\n<div class=\"hero-title-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/HeaderText.png\"\/>\r\n <!-- <span class=\"title-champions\">CHAMPIONS<\/span>\r\n <span class=\"title-island\">ISLAND<\/span> -->\r\n<\/div>\r\n\r\n<div class=\"title-deco\">\r\n <div class=\"title-dash\"><\/div>\r\n <span class=\"title-deco-text\">The Ultimate World Cup Caribbean Experience<\/span>\r\n <div class=\"title-dash right\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"hero-date-box\">\r\n <div class=\"date-sat\">Saturday<\/div>\r\n <div class=\"date-main\">May 30, 2026<\/div>\r\n <div class=\"date-time\">5:00 PM \u2013 8:30 PM<\/div>\r\n<\/div>\r\n\r\n<div class=\"countdown-section\">\r\n <div class=\"cd-label\">Event starts in<\/div>\r\n <div class=\"countdown\">\r\n <div class=\"cd-unit\">\r\n <div class=\"cd-num\" id=\"cd-d\">28<\/div>\r\n <div class=\"cd-lbl\">Days<\/div>\r\n <\/div>\r\n <div class=\"cd-colon\">:<\/div>\r\n <div class=\"cd-unit\">\r\n <div class=\"cd-num\" id=\"cd-h\">00<\/div>\r\n <div class=\"cd-lbl\">Hrs<\/div>\r\n <\/div>\r\n <div class=\"cd-colon\">:<\/div>\r\n <div class=\"cd-unit\">\r\n <div class=\"cd-num\" id=\"cd-m\">00<\/div>\r\n <div class=\"cd-lbl\">Min<\/div>\r\n <\/div>\r\n <div class=\"cd-colon\">:<\/div>\r\n <div class=\"cd-unit\">\r\n <div class=\"cd-num\" id=\"cd-s\">00<\/div>\r\n <div class=\"cd-lbl\">Sec<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"hero-ctas\">\r\n <a href=\"https:\/\/blacksoulsummer.com\/events\/championsisland-may30\/\" class=\"btn-main\" target=\"_blank\">\r\n Get On The Boat <span class=\"arr\">\u2192<\/span>\r\n <\/a>\r\n <a href=\"#tickets\" class=\"btn-ghost\">See all ticket options<\/a>\r\n<\/div>\r\n\r\n<div class=\"hero-scarcity\">\r\n <strong>500<\/strong> capacity  \u00b7  Boat event  \u00b7  No day-of guarantee\r\n<\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <div class=\"scroll-cue\">\r\n <div class=\"s-dot\"><\/div>\r\n <div class=\"s-dot\"><\/div>\r\n <div class=\"s-dot\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- STATS -->\r\n\r\n<div class=\"stats-bar rv\">\r\n <div class=\"s-cell\"><span class=\"s-n\">500<\/span><div class=\"s-l\">Capacity<\/div><\/div>\r\n <div class=\"s-cell\"><span class=\"s-n\">3<\/span><div class=\"s-l\">Hours Live<\/div><\/div>\r\n <div class=\"s-cell\"><span class=\"s-n\">3<\/span><div class=\"s-l\">Performers<\/div><\/div>\r\n <div class=\"s-cell\"><span class=\"s-n\">1<\/span><div class=\"s-l\">Island<\/div><\/div>\r\n<\/div>\r\n\r\n<!-- HOW YOUR NIGHT WORKS -->\r\n\r\n<div style=\"padding: 88px 24px; max-width: 920px; margin: 0 auto;\">\r\n <div class=\"rv\">\r\n <div class=\"eyebrow\">The Experience<\/div>\r\n <h2 class=\"sec-title\">Skip TSA.<br>The island is <em>already here.<\/em><\/h2>\r\n <p class=\"sec-body\">No flights. No baggage fees. No 5 AM alarms. Just a Saturday in May, a ferry from Long Wharf, and three hours of Caribbean energy on Boston Harbor \u2014 celebrating Haiti's historic World Cup moment.<\/p>\r\n <\/div>\r\n\r\n <div class=\"night-works rv\">\r\n <div class=\"nw-header\">\r\n <div class=\"nw-header-text\">How Your Night Works<\/div>\r\n <\/div>\r\n <div class=\"nw-grid\">\r\n <div class=\"nw-step\">\r\n <div class=\"nw-num\">Step 01<\/div>\r\n <div class=\"nw-icon\"><img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/ArriveatBostonHarbor_ICON.png\"\/><\/div>\r\n <div class=\"nw-title\">Arrive at Boston Harbor<\/div>\r\n <div class=\"nw-desc\">1 Long Wharf, Boston MA. Doors open 5:00 PM sharp.<\/div>\r\n <\/div>\r\n <div class=\"nw-step\">\r\n <div class=\"nw-num\">Step 02<\/div>\r\n <div class=\"nw-icon\"><img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/BoardwithEntertainment_ICON.png\"\/><\/div>\r\n <div class=\"nw-title\">Board with Entertainment<\/div>\r\n <div class=\"nw-desc\">Music starts on the ferry. Caribbean energy all the way out.<\/div>\r\n <\/div>\r\n <div class=\"nw-step\">\r\n <div class=\"nw-num\">Step 03<\/div>\r\n <div class=\"nw-icon\"><img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/Party_ICON1.webp\"\/><\/div>\r\n <div class=\"nw-title\">Party on Georges Island<\/div>\r\n <div class=\"nw-desc\">Live performances, food, drinks, sunset views of Boston.<\/div>\r\n <\/div>\r\n <div class=\"nw-step\">\r\n <div class=\"nw-num\">Step 04<\/div>\r\n <div class=\"nw-icon\"><img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/ReturnwithFinalSet_ICON.png\"\/><\/div>\r\n <div class=\"nw-title\">Return with Final Set<\/div>\r\n <div class=\"nw-desc\">Re-board with a final live set. The night ends on the water.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feat-grid rv\" style=\"margin-top:2px\">\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon\"><img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/LivePerformance_ICON.png\"\/><\/div>\r\n <div class=\"feat-title\">Live Performances<\/div>\r\n <div class=\"feat-desc\">Audatrixxx Bros, DJ SuperDuke & DJ Dynasty performing live<\/div>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon\"><img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/FoodDrinks_ICON.png\"\/><\/div>\r\n <div class=\"feat-title\">Food & Drinks<\/div>\r\n <div class=\"feat-desc\">Caribbean-inspired food and drinks available on the island<\/div>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon\"><img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/SunsetontheWater_ICON.png\"\/><\/div>\r\n <div class=\"feat-title\">Sunset on the Water<\/div>\r\n <div class=\"feat-desc\">Golden hour over Boston Harbor \u2014 Boston skyline behind you<\/div>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon\"><img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/WorldCupEnergy_ICON.png\"\/><\/div>\r\n <div class=\"feat-title\">World Cup Energy<\/div>\r\n <div class=\"feat-desc\">Haiti's historic qualification \u2014 Boston's official celebration<\/div>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon\"><img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/IslandTransformed_ICON.png\"\/><\/div>\r\n <div class=\"feat-title\">Island Transformed<\/div>\r\n <div class=\"feat-desc\">Georges Island reimagined as a full Caribbean destination<\/div>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon\"><img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/CommunityFirst_ICON.png\"\/><\/div>\r\n <div class=\"feat-title\">Community First<\/div>\r\n <div class=\"feat-desc\">Powered by Boston's Haitian, Caribbean & diaspora community<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- LINEUP -->\r\n\r\n<div class=\"sec rv\">\r\n <div class=\"eyebrow\">The Lineup<\/div>\r\n <h2 class=\"sec-title\">The talent is <span class=\"red\">locked in.<\/span><\/h2>\r\n <div class=\"lineup-grid\" style=\"margin-top:44px\">\r\n <div class=\"artist-card rv d1\">\r\n <div class=\"a-img\"><img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/AudatrixxxBros.png\"\/><\/div>\r\n <div class=\"a-info\">\r\n <div class=\"a-name\">Audatrixxx Bros<\/div>\r\n <div class=\"a-role\">Live Performance<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"artist-card rv d2\">\r\n <div class=\"a-img\"><img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/Superduke.png\"\/><\/div>\r\n <div class=\"a-info\">\r\n <div class=\"a-name\">DJ SuperDuke<\/div>\r\n <div class=\"a-role\">DJ Set<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"artist-card rv d3\">\r\n <div class=\"a-img\"><img decoding=\"async\" src=\"https:\/\/championsislandboston.com\/wp-content\/uploads\/2026\/05\/Dynasty.png\"\/><\/div>\r\n <div class=\"a-info\">\r\n <div class=\"a-name\">DJ Dynasty<\/div>\r\n <div class=\"a-role\">DJ Set<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- TICKETS -->\r\n\r\n<div class=\"tickets-bg\" id=\"tickets\">\r\n <div class=\"wrap\">\r\n <div class=\"rv\">\r\n <div class=\"eyebrow\">Tickets<\/div>\r\n <h2 class=\"sec-title\">Get on the <em>boat.<\/em><\/h2>\r\n <p class=\"sec-body\">Capacity is real. 500 people, one boat, one island. Each tier closes when it's gone. Door price is $150 \u2014 only if any remain.<\/p>\r\n <\/div>\r\n\r\n\r\n<div style=\"margin-top:32px\" class=\"rv\">\r\n <div class=\"urgency-pill\">\r\n <div class=\"u-dot\"><\/div>\r\n Limited capacity event \u2014 the boat cannot be oversold. Secure your spot now.\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"tiers rv\">\r\n <!-- EARLY BIRD -->\r\n <div class=\"tier\">\r\n <div class=\"t-label\">Early Bird<\/div>\r\n <div class=\"t-price\"><sup>$<\/sup>90<\/div>\r\n <div class=\"t-note\">Groups of 3 \u00b7 While supplies last<\/div>\r\n <div class=\"t-rule\"><\/div>\r\n <ul class=\"t-perks\">\r\n <li>Full event access \u2014 ferry + island<\/li>\r\n <li>Live performances all night<\/li>\r\n <li>Lowest price available<\/li>\r\n <li>Must purchase in groups of 3<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/blacksoulsummer.com\/events\/championsisland-may30\/\" class=\"t-btn t-btn-outline\" target=\"_blank\">Grab Early Bird<\/a>\r\n <div class=\"t-avail\"><span class=\"a-dot a-low\"><\/span> Moving fast<\/div>\r\n <\/div>\r\n\r\n <!-- GENERAL \u2014 FEATURED -->\r\n <div class=\"tier hot\">\r\n <div class=\"tier-badge\">Most Popular<\/div>\r\n <div class=\"t-label\">General Admission<\/div>\r\n <div class=\"t-price\"><sup>$<\/sup>100<\/div>\r\n <div class=\"t-note\">Individual \u00b7 No group required<\/div>\r\n <div class=\"t-rule\"><\/div>\r\n <ul class=\"t-perks\">\r\n <li>Full event access \u2014 ferry + island<\/li>\r\n <li>Live performances both ways<\/li>\r\n <li>Island transformed Caribbean experience<\/li>\r\n <li>Best individual price before door rate<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/blacksoulsummer.com\/events\/championsisland-may30\/\" class=\"t-btn t-btn-gold\" target=\"_blank\">Get My Ticket<\/a>\r\n <div class=\"t-avail\"><span class=\"a-dot a-low\"><\/span> Selling now<\/div>\r\n <\/div>\r\n\r\n <!-- VIP -->\r\n <div class=\"tier vip\">\r\n <div class=\"tier-badge vip-badge\">VIP<\/div>\r\n <div class=\"t-label\">VIP Access<\/div>\r\n <div class=\"t-price\"><sup>$<\/sup>180<\/div>\r\n <div class=\"t-note\">Limited \u00b7 No extra logistics<\/div>\r\n <div class=\"t-rule\"><\/div>\r\n <ul class=\"t-perks\">\r\n <li>Priority boarding \u2014 skip the line<\/li>\r\n <li>Early island access<\/li>\r\n <li>Designated VIP section on island<\/li>\r\n <li>Name on VIP guest list at check-in<\/li>\r\n <li>VIP lanyard included<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/blacksoulsummer.com\/events\/championsisland-may30\/\" class=\"t-btn t-btn-teal\" target=\"_blank\">Claim VIP<\/a>\r\n <div class=\"t-avail\"><span class=\"a-dot\"><\/span> Very limited<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- VIP NOTE -->\r\n<div class=\"vip-callout rv\">\r\n <strong>About VIP:<\/strong> No separate venue, no complicated logistics. Same incredible event \u2014 priority boarding, a dedicated section, your name on the list. It's a $25 upgrade that feels like $200 of value. Zero headaches for the organizers or you.\r\n<\/div>\r\n\r\n<!-- GROUPS -->\r\n<div class=\"group-box rv\">\r\n <div>\r\n <div class=\"g-title\">Bringing your crew?<\/div>\r\n <div class=\"g-desc\">One conversation closes multiple tickets. Perfect for organizations, work crews, and friend groups. Group pricing is the easiest sale \u2014 book together, arrive together.<\/div>\r\n <\/div>\r\n <div class=\"g-opts\">\r\n <div class=\"g-opt\">\r\n <div class=\"g-opt-l\">Group of 5<\/div>\r\n <div class=\"g-opt-p\">$450<\/div>\r\n <div class=\"g-opt-s\">$90 each \u00b7 Save $50<\/div>\r\n <\/div>\r\n <div class=\"g-opt\">\r\n <div class=\"g-opt-l\">Group of 10<\/div>\r\n <div class=\"g-opt-p\">$850<\/div>\r\n <div class=\"g-opt-s\">$85 each \u00b7 Save $150<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- DOOR PRICE BANNER -->\r\n<div class=\"door-banner rv\">\r\n <span>\u26a0\ufe0f<\/span>\r\n <span>Door price is <strong>$150<\/strong> \u2014 only if tickets remain at the door. We cannot guarantee availability. Online is your safest option.<\/span>\r\n<\/div>\r\n\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- FAQ -->\r\n\r\n<div class=\"sec\">\r\n <div class=\"faq-section\">\r\n <div class=\"rv\">\r\n <div class=\"eyebrow\">FAQ<\/div>\r\n <h2 class=\"sec-title\">No <em>surprises.<\/em><\/h2>\r\n <\/div>\r\n <div class=\"faq-list rv\">\r\n\r\n <!-- LOGISTICS -->\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">Where exactly do I board?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n Board at 1 Long Wharf, Boston MA 02110. Easily accessible by T\r\n (Aquarium stop, Blue Line) or rideshare. Street parking is available\r\n nearby but we strongly recommend rideshare or the T. Doors open at\r\n 5:00 PM.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">What time should I arrive?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n Arrive by 4:45 PM. The ferry departs at 5:00 PM sharp and will not\r\n wait. Give yourself time to check in, show your ID, and board\r\n comfortably. VIP guests board first.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">Does the boat return to Boston?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n Yes. Round trip is included in every ticket. The ferry returns to\r\n 1 Long Wharf after the island experience with a final live DJ set\r\n on the ride back.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ID AND AGE -->\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">Is this event 18+?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n Yes. Champions Island is a private event for guests 18 and older.\r\n Valid government-issued photo ID confirming age is required to board.\r\n No exceptions.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">Do I need an ID to board? What is accepted?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n Yes. A government-issued photo ID is required for every guest for\r\n age verification only, not legal status. This is a city ferry and\r\n a private event. Accepted forms of ID:\r\n <br><br>\r\n Driver's license, State ID, or any Passport. All are valid.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- EXPERIENCE -->\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">What is the dress code?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n Elegant-casual, island vibes. Think tropical dress, a sharp outfit,\r\n or smart casual. Not too formal, not too casual. Leave the flip\r\n flops at home.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">Are food and drinks included in the ticket?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n Food and drinks are available for purchase at the event. Your ticket\r\n covers full event access including the ferry ride both ways and all\r\n live performances on the island.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">What exactly is the VIP experience?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n VIP guests receive priority boarding (skip the general queue), early\r\n island access, a designated VIP section with premium positioning, and\r\n your name on the VIP guest list at check-in. Same incredible event,\r\n just with added recognition and zero waiting. A $25 upgrade with\r\n serious value.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- TICKETS -->\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">Can I buy tickets at the door?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n Door tickets are $150 each, only if any remain. This is a\r\n 500-capacity boat event and we cannot accommodate walk-ups beyond\r\n capacity. When it's full, it's full. Purchase in advance to\r\n guarantee your spot and save money.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">How do I book group tickets?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n For groups of 5 ($450) or 10 ($850), contact us directly via\r\n WhatsApp or email. We handle group bookings personally to ensure\r\n your crew is properly accommodated. Group pricing is available\r\n while capacity allows so reach out early.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">What is the refund policy?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n All sales are final. No refunds after purchase. Tickets may be\r\n transferred to another person by contacting us before the event\r\n date. In the case of cancellation due to weather or force majeure,\r\n full refunds will be issued to all ticket holders.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- WEATHER AND LOGISTICS -->\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">What happens if it rains?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n The event runs rain or shine. Georges Island has covered areas and\r\n the ferry provides shelter. The event is only cancelled in cases of\r\n extreme weather affecting ferry safety, in which case all ticket\r\n holders are notified directly with refund information.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">Where do I park?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n Street parking and garages are available near Long Wharf but fill\r\n up fast on weekends. We strongly recommend rideshare (Uber\/Lyft)\r\n or the T (Aquarium stop, Blue Line) for a stress-free arrival.\r\n Drop-off at 1 Long Wharf is the easiest option.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" onclick=\"faq(this)\">\r\n <span class=\"faq-qt\">Can I use a card or cash at the event?<\/span>\r\n <span class=\"faq-ic\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n Payment options for food and drinks at the event will be confirmed\r\n closer to the date. We recommend bringing both card and cash to\r\n be prepared for all scenarios.\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<!-- \u2550\u2550 END FAQ SECTION \u2550\u2550 -->\r\n<\/div>\r\n\r\n<!-- EMAIL CAPTURE -->\r\n\r\n<div class=\"email-sec rv\">\r\n <h2 class=\"em-title\">Not ready yet?<\/h2>\r\n <p class=\"em-sub\">Drop your email. We'll remind you before tickets sell out \u2014 and before the price moves to $125.<\/p>\r\n <form class=\"em-form\" onsubmit=\"handleEm(event)\">\r\n <input type=\"email\" class=\"em-input\" placeholder=\"your@email.com\" required id=\"em-f\">\r\n <button type=\"submit\" class=\"em-btn\">Remind Me<\/button>\r\n <\/form>\r\n <div class=\"em-note\">One reminder. No spam. We respect your inbox.<\/div>\r\n<\/div>\r\n\r\n<!-- PARTNERS -->\r\n\r\n<div class=\"partners-sec rv\">\r\n <div class=\"p-label\">Presented by<\/div>\r\n <div class=\"p-chips\">\r\n <div class=\"p-chip\">MM Elite Events<\/div>\r\n <div class=\"p-chip\">Caribbean Integration Community Development<\/div>\r\n <div class=\"p-chip\">We Rise Consulting<\/div>\r\n <div class=\"p-chip\">Navet 1804<\/div>\r\n <div class=\"p-chip\">Boston Harbor Now<\/div>\r\n <div class=\"p-chip\">WPL \u00d7 BostonFETE<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- FOOTER -->\r\n\r\n<footer>\r\n <div class=\"f-logo\">Champions Island<\/div>\r\n <div class=\"f-sub\">May 30, 2026 \u00b7 Boston Harbor \u2192 Georges Island \u00b7 5:00 \u2013 8:30 PM<\/div>\r\n <div class=\"f-links\">\r\n <a href=\"#tickets\">Tickets<\/a>\r\n <a href=\"#top\">Back to Top<\/a>\r\n <a href=\"https:\/\/blacksoulsummer.com\/events\/championsisland-may30\/\" target=\"_blank\">Buy Now<\/a>\r\n <\/div>\r\n <div class=\"f-copy\">\u00a9 2026 MM Elite Events \u00b7 Powered by WPL \u00d7 BostonFETE \u00b7 ChampionsIslandBoston.com<\/div>\r\n<\/footer>\r\n\r\n<!-- STICKY BAR -->\r\n\r\n<div class=\"sticky\" id=\"sticky\">\r\n <div class=\"sticky-info\">\r\n <strong>Champions Island \u00b7 May 30<\/strong>\r\n <span>Tickets from $90 \u00b7 500 capacity<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/www.eventbrite.com\/e\/champions-island-tickets-1988675430747\" class=\"sticky-btn\" target=\"_blank\">Get Tickets \u2192<\/a>\r\n<\/div>\r\n\r\n<div class=\"toast\" id=\"toast\"><\/div>\r\n\r\n<script>\r\n\/\/ Countdown\r\nfunction tick() {\r\n const ev = new Date('2026-05-30T17:00:00-04:00');\r\n const now = new Date();\r\n const d = ev - now;\r\n if (d <= 0) return;\r\n const pad = n => String(Math.floor(n)).padStart(2,'0');\r\n document.getElementById('cd-d').textContent = pad(d\/86400000);\r\n document.getElementById('cd-h').textContent = pad((d%86400000)\/3600000);\r\n document.getElementById('cd-m').textContent = pad((d%3600000)\/60000);\r\n document.getElementById('cd-s').textContent = pad((d%60000)\/1000);\r\n}\r\ntick(); setInterval(tick, 1000);\r\n\r\n\/\/ Nav + sticky\r\nconst nav = document.getElementById('nav');\r\nconst sticky = document.getElementById('sticky');\r\nwindow.addEventListener('scroll', () => {\r\n nav.classList.toggle('scrolled', scrollY > 60);\r\n sticky.classList.toggle('show', scrollY > 500);\r\n}, { passive: true });\r\n\r\n\/\/ Reveal\r\nconst obs = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('vis'); obs.unobserve(e.target); } });\r\n}, { threshold: 0.08, rootMargin: '0px 0px -30px 0px' });\r\ndocument.querySelectorAll('.rv').forEach(el => obs.observe(el));\r\n\r\n\/\/ FAQ\r\nfunction faq(btn) {\r\n const item = btn.closest('.faq-item');\r\n const open = item.classList.contains('open');\r\n document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));\r\n if (!open) item.classList.add('open');\r\n}\r\n\r\n\/\/ Email\r\nfunction handleEm(e) {\r\n e.preventDefault();\r\n const v = document.getElementById('em-f').value;\r\n const t = document.getElementById('toast');\r\n t.textContent = '\u2713 Got it! We\\'ll remind you before tickets sell out.';\r\n t.classList.add('on');\r\n document.getElementById('em-f').value = '';\r\n setTimeout(() => t.classList.remove('on'), 3500);\r\n}\r\n\r\ndocument.addEventListener('touchstart', () => {}, { passive: true });\r\n<\/script>\r\n\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>Champions Island \u2013 May 30, 2026 | Boston Harbor \u2192 Georges Island \ud83c\udded\ud83c\uddf9 Haiti is in the World Cup Boston celebrates May 30 500 guests only Champions Island \ud83c\udded\ud83c\uddf9 Get Tickets Boston Harbor \u2192 Georges Island The Ultimate World Cup Caribbean Experience Saturday May 30, 2026 5:00 PM \u2013 8:30 PM Event starts in 28 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/championsislandboston.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/championsislandboston.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/championsislandboston.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/championsislandboston.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/championsislandboston.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":5,"href":"https:\/\/championsislandboston.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/championsislandboston.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/championsislandboston.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}