@font-face{font-family:RGPNeue;src:url('assets/neue-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:RGPSpace;src:url('assets/space-grotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}
:host{display:block;width:100%;color-scheme:dark}
.rgp-halloween{--bg:#101010;--ink:#f8f6f0;--muted:#b7b4ad;--line:#353535;--accent:#ff6a20;color:var(--ink);background:var(--bg);font-family:RGPSpace,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden;text-align:left}
.rgp-halloween *{box-sizing:border-box}
.rgp-halloween :where(h1,h2,h3,p){margin:0}
.rgp-halloween a{color:inherit;text-decoration:none}
.rgp-halloween button,
.rgp-halloween button,.rgp-halloween a{-webkit-tap-highlight-color:transparent}
.rgp-halloween button{cursor:pointer}
.rgp-halloween img{display:block;max-width:100%}
.rgp-halloween [hidden]{display:none!important}
.rgp-halloween :focus-visible{outline:3px solid #fff;outline-offset:5px}
.rgp-halloween .wrap{max-width:1320px;margin-inline:auto;padding-inline:48px}
.rgp-halloween .site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);gap:24px}
.rgp-halloween .brand-logo{width:220px;height:auto}
.rgp-halloween nav{display:flex;align-items:center;gap:32px;font-size:13px}
.rgp-halloween .header-group{color:#d7d4ce}
.rgp-halloween .header-group span{margin-left:10px}
.rgp-halloween .header-cta{display:flex;align-items:center;gap:20px;padding:11px 17px;border:1px solid #6f6e6b}
.rgp-halloween .header-cta:hover{background:var(--ink);color:#101010}
.rgp-halloween .hero{min-height:340px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;isolation:isolate}
.rgp-halloween .hero-skyline{position:absolute;inset:0;width:100%;height:116%;max-width:none;object-fit:cover;object-position:50% 57%;pointer-events:none}
.rgp-halloween .hero-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rgp-halloween .hero-shade{background:linear-gradient(180deg,#0000 0%,#0001 45%,#0002 75%,#101010 100%)}
.rgp-halloween .hero-content{position:relative;width:min(760px,90%);padding:24px 0;text-shadow:0 2px 20px #0007}
.rgp-halloween .eyebrow{font-size:11px;font-weight:600;letter-spacing:.17em;line-height:1.5}

.rgp-halloween h1 img{width:100%;max-width:620px;margin-inline:auto;height:auto;filter:drop-shadow(0 2px 16px #0007)}
.rgp-halloween .hero-dates{font-size:12px;letter-spacing:.05em;font-weight:600}
.rgp-halloween .hero-dates span{display:inline-block;margin:0 12px;color:var(--accent)}
.rgp-halloween .hero-details{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 24px;margin-top:18px}
.rgp-halloween .primary-button{border-radius:4px;display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-height:58px;background:var(--accent);color:#101010;padding:14px 22px;font-size:16px;font-weight:700;border:0;text-shadow:none;transition:background .18s}
.rgp-halloween .primary-button:hover{background:#ff8448}
.rgp-halloween .primary-button span{font-size:21px;line-height:1}

.rgp-halloween .directory{padding-top:24px;padding-bottom:72px;scroll-margin-top:16px;outline:none}

.rgp-halloween .orange{color:var(--accent)}
.rgp-halloween h2{font-family:RGPNeue,Arial,sans-serif;font-weight:700;font-size:56px;line-height:1;letter-spacing:-.025em;margin-top:15px}

.rgp-halloween .browse-controls{display:flex;justify-content:center;margin-bottom:24px}
.rgp-halloween .date-filters{display:flex;gap:10px}
.rgp-halloween .date-filters button{border:1px solid #6d6d6d;border-radius:4px;background:#252525;color:var(--ink);padding:14px 24px;min-height:50px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .18s,color .18s}
.rgp-halloween .date-filters button[aria-pressed=true]{background:var(--ink);color:#111;border-color:var(--ink)}
.rgp-halloween .date-filters button:hover{border-color:var(--ink)}
.rgp-halloween .mobile-day{display:none}








.rgp-halloween .event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:52px}
.rgp-halloween .event-card{min-width:0;display:flex;flex-direction:column;background:#1b1b1b;border:1px solid #414141;border-radius:6px}
.rgp-halloween .flyer-link{display:block;position:relative;overflow:hidden;aspect-ratio:1;background:#202020;border-bottom:1px solid #414141;border-radius:5px 5px 0 0}
.rgp-halloween .flyer{width:100%;height:100%;object-fit:contain;transition:transform .28s}
.rgp-halloween .flyer-link:hover .flyer{transform:scale(1.035)}
.rgp-halloween .flyer-date{position:absolute;left:10px;top:10px;padding:5px 8px;background:#101010eb;color:#fff;border:1px solid #ffffff30;font-size:9px;font-weight:600;letter-spacing:.08em}
.rgp-halloween .card-copy{padding:18px 16px 16px;flex:1}
.rgp-halloween h3{font-family:RGPNeue,Arial,sans-serif;font-weight:700;font-size:25px;line-height:1.12;letter-spacing:-.01em}
.rgp-halloween .card-subtitle{font-size:13px;color:var(--muted);margin-top:6px}
.rgp-halloween .ticket-links{display:grid;gap:10px;grid-auto-rows:minmax(62px,auto);padding:0 14px 16px}
.rgp-halloween .ticket-links.two-dates{grid-template-rows:repeat(2,minmax(62px,auto))}
.rgp-halloween .two-dates [data-ticket-date="2026-10-30"]{grid-row:1}
.rgp-halloween .two-dates [data-ticket-date="2026-10-31"]{grid-row:2}
.rgp-halloween .ticket{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 8px;min-height:62px;background:var(--accent);color:#101010;border:1px solid transparent;border-radius:4px;line-height:1.3;text-align:center;transition:background .18s}
.rgp-halloween .ticket:hover{background:#ff8448}
.rgp-halloween .ticket:active{background:#f25b0e}
.rgp-halloween .ticket-date{display:block;font-size:13px;font-weight:500}
.rgp-halloween .ticket-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.rgp-halloween .ticket-action .icon-arrow{width:18px;height:18px}








.rgp-halloween .groups{display:grid;grid-template-columns:1fr 1fr;margin-bottom:80px}
.rgp-halloween .group-photo{position:relative;overflow:hidden;background:#171717;min-height:440px}
.rgp-halloween .group-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.rgp-halloween .group-copy{background:var(--accent);color:#101010;padding:46px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.rgp-halloween .group-copy h2{font-size:54px;line-height:1.02}
.rgp-halloween .group-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;margin:23px 0}
.rgp-halloween .dark-button{background:#101010;color:#fff}
.rgp-halloween .dark-button:hover{background:#2b2b2b}
.rgp-halloween .site-footer{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;border-top:1px solid var(--line);padding-top:37px;padding-bottom:36px}
.rgp-halloween .site-footer img{width:200px;height:auto}
.rgp-halloween .site-footer>p{justify-self:end;color:#c4c1b9;font-size:13px}
.rgp-halloween .site-footer>a:nth-of-type(2){font-size:12px;color:var(--muted)}
.rgp-halloween .site-footer small{justify-self:end;color:#878580;font-size:10px}
.rgp-halloween .skip-link{position:absolute;left:20px;top:-100px;z-index:20;background:#fff;color:#101010;padding:12px}
.rgp-halloween .skip-link:focus{top:12px}
.rgp-halloween .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}


@media(max-width:1000px){.rgp-halloween .wrap{padding-inline:30px}.rgp-halloween .site-header{padding-inline:30px}.rgp-halloween .browse-controls{align-items:stretch;flex-direction:column;gap:16px}.rgp-halloween .event-grid{gap:44px 20px}.rgp-halloween h3{font-size:22px}.rgp-halloween .group-copy{padding:32px}.rgp-halloween .group-copy h2{font-size:44px}.rgp-halloween .group-photo{min-height:380px}}
@media(max-width:700px){.rgp-halloween .wrap{padding-inline:18px}.rgp-halloween .site-header{padding-inline:18px;height:68px;gap:12px}.rgp-halloween .brand-logo{width:167px}.rgp-halloween .header-group{display:none}.rgp-halloween .header-cta{padding:9px 11px;font-size:11px;gap:14px}.rgp-halloween .hero{min-height:260px}.rgp-halloween .hero-content{width:calc(100% - 32px);padding:20px 0}.rgp-halloween .hero-details{flex-direction:column;gap:12px;margin-top:14px}.rgp-halloween .hero-skyline{object-position:58% 50%}.rgp-halloween h1 img{width:100%;max-width:330px}.rgp-halloween .hero-dates{font-size:11px;letter-spacing:.02em}.rgp-halloween .hero-dates span{margin:0 5px}.rgp-halloween .directory{padding-top:18px;padding-bottom:52px}.rgp-halloween h2{font-size:42px;margin-top:13px}.rgp-halloween .eyebrow{font-size:9px}.rgp-halloween .browse-controls{margin-bottom:20px}.rgp-halloween .date-filters{width:100%;gap:6px}.rgp-halloween .date-filters button{flex:1;padding:12px 5px;font-size:12px;min-height:46px}.rgp-halloween .desktop-day{display:none}.rgp-halloween .mobile-day{display:inline}.rgp-halloween .event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 14px}.rgp-halloween .flyer-date{left:5px;top:5px;font-size:7px;padding:3px 5px;letter-spacing:.035em}.rgp-halloween .card-copy{padding:14px 10px 12px}.rgp-halloween .ticket-links{padding:0 8px 12px;gap:8px}.rgp-halloween .ticket{padding-inline:5px}.rgp-halloween h3{font-size:20px;line-height:1.1}.rgp-halloween .card-subtitle{font-size:12px;margin-top:5px}.rgp-halloween .groups{grid-template-columns:1fr;margin-bottom:50px}.rgp-halloween .group-photo{min-height:0;height:auto;aspect-ratio:3/2}.rgp-halloween .group-photo img{object-position:center}.rgp-halloween .group-copy{padding:32px 26px 36px}.rgp-halloween .group-copy h2{font-size:46px}.rgp-halloween .group-copy>p:not(.eyebrow){font-size:12px;margin:20px 0}.rgp-halloween .site-footer{grid-template-columns:1fr;gap:20px;padding-top:28px;padding-bottom:30px}.rgp-halloween .site-footer>p,.rgp-halloween .site-footer small{justify-self:start}.rgp-halloween .site-footer img{width:185px}.rgp-halloween .site-footer>p{font-size:12px}.rgp-halloween .site-footer small{margin-top:8px}}
@media(max-width:360px){.rgp-halloween .brand-logo{width:144px}.rgp-halloween .header-cta{font-size:10px;gap:8px}.rgp-halloween .hero-dates{font-size:10px}.rgp-halloween h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.rgp-halloween *{scroll-behavior:auto!important;transition:none!important}}

/* Drawn arrows stay monochrome on every device; no Unicode emoji glyphs. */
.rgp-halloween .icon-arrow{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle}
.rgp-halloween .icon-arrow-down{transform:rotate(90deg)}


.rgp-halloween .header-group,.rgp-halloween .site-footer>a:nth-of-type(2){display:inline-flex;align-items:center;gap:10px}


@media(max-width:700px){.rgp-halloween .header-group{display:none}.rgp-halloween .header-cta .icon-arrow{width:17px;height:17px}}

.rgp-halloween .combined-flyer:hover .flyer{transform:none}

@media(max-width:700px){.rgp-halloween .ticket-action{font-size:14px;gap:6px}.rgp-halloween .ticket-action .icon-arrow{width:16px;height:16px}}
@media(max-width:360px){.rgp-halloween .ticket-action{font-size:13px}.rgp-halloween .ticket-date{font-size:12px}}

@media(max-width:360px){.rgp-halloween .event-grid{grid-template-columns:1fr}.rgp-halloween .card-copy{padding:16px 14px}.rgp-halloween .ticket-links{padding:0 14px 16px}.rgp-halloween .ticket-action{font-size:15px}}

.rgp-halloween .hero-details>.primary-button{min-height:48px;padding:11px 18px;gap:24px;font-size:15px}

html,body{margin:0;padding:0;background:#101010;color-scheme:dark}