@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}
:root{color-scheme:dark}body{margin:0;background:#101010}#rgp-biergarten{--ink:#101010;--cream:#f8f6f0;--muted:#b7b4ad;--line:#393939;--accent:#d4d3cf;background:var(--ink);color:var(--cream);font:16px/1.65 RGPSpace,Arial,sans-serif;isolation:isolate;overflow:clip;-webkit-font-smoothing:antialiased}#rgp-biergarten *{box-sizing:border-box}#rgp-biergarten :is(h1,h2,h3,p,figure){margin:0}#rgp-biergarten :is(h1,h2,h3){font-family:RGPNeue,Arial,sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.04}#rgp-biergarten img{display:block;max-width:100%;height:auto}#rgp-biergarten a{color:inherit}#rgp-biergarten button{font:inherit;cursor:pointer}#rgp-biergarten :is(a,button){-webkit-tap-highlight-color:transparent;touch-action:manipulation}#rgp-biergarten :focus-visible{outline:3px solid var(--accent);outline-offset:5px}#rgp-biergarten .wrap{width:min(1200px,calc(100% - 88px));margin-inline:auto}#rgp-biergarten .accent{color:var(--accent)}#rgp-biergarten .eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;line-height:1.5}#rgp-biergarten .masthead{height:72px;display:flex;justify-content:space-between;align-items:center;gap:20px}#rgp-biergarten .logo{width:205px}#rgp-biergarten .back{font-size:14px;text-underline-offset:5px;white-space:nowrap}#rgp-biergarten .hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:660px;padding:70px 0 40px;background:#221c18}#rgp-biergarten .hero-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 0%;z-index:-2}#rgp-biergarten .hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080807d9 0%,#08080780 54%,#0808071a 100%),linear-gradient(0deg,#101010eb,transparent 72%)}#rgp-biergarten .hero h1{font-size:clamp(60px,8.8vw,116px);line-height:.89;letter-spacing:-.035em;margin:18px 0}#rgp-biergarten .event-name{font-size:17px;letter-spacing:.2em;font-weight:600}#rgp-biergarten .hero-info{font-size:16px;color:#ddd6d0;margin-top:14px}#rgp-biergarten .hero-info span{margin-inline:7px}#rgp-biergarten .ticket-stack{display:grid;gap:11px}#rgp-biergarten .hero-tickets{max-width:540px;margin-top:26px}#rgp-biergarten .ticket{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:61px;padding:15px 19px;background:var(--accent);border:1px solid var(--accent);border-radius:3px;color:var(--ink);text-decoration:none;transition:background .15s,transform .15s;box-shadow:0 3px 0 #72726f}#rgp-biergarten .ticket-date{font-size:17px;font-weight:700;white-space:nowrap;line-height:1.3}#rgp-biergarten .ticket-action{font-size:14px;font-weight:700;line-height:1.3;padding-left:18px;border-left:1px solid #10101055;white-space:nowrap}#rgp-biergarten .hero-note{font-size:13px;color:#cbc3bb;margin-top:17px}#rgp-biergarten .hero-note span{margin-inline:5px}#rgp-biergarten .location-strip{padding:15px 20px;background:#191919;border-block:1px solid var(--line);text-align:center;font-size:12px;letter-spacing:.1em;font-weight:500}#rgp-biergarten .location-strip span{color:var(--accent);margin-inline:17px}#rgp-biergarten .venue{padding-block:70px 60px}#rgp-biergarten .venue-intro{display:block;margin-bottom:32px}#rgp-biergarten h2{font-size:clamp(36px,4.4vw,58px)}#rgp-biergarten .venue h2{margin-top:16px}#rgp-biergarten .venue-intro>p{max-width:760px;color:var(--muted);line-height:1.8;margin-top:16px}#rgp-biergarten .gallery-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}#rgp-biergarten .gallery-header h3{font-size:25px}#rgp-biergarten .gallery-controls{display:flex;gap:8px}#rgp-biergarten .gallery-controls button{background:#202020;border:1px solid #666;color:var(--cream);border-radius:3px;min-height:44px;padding:8px 13px;font-size:14px}#rgp-biergarten .gallery-controls button:disabled{opacity:.35;cursor:default}#rgp-biergarten .gallery{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 18px)/2);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) #282828;padding-bottom:15px;overscroll-behavior-x:contain}#rgp-biergarten .gallery figure{scroll-snap-align:start}#rgp-biergarten .photo-button{display:block;width:100%;padding:0;border:0;background:#202020}#rgp-biergarten .gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}#rgp-biergarten .details{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:55px 65px;border-top:1px solid var(--line)}#rgp-biergarten .details h2{margin-top:16px}#rgp-biergarten .address{margin:25px 0 12px;color:var(--muted)}#rgp-biergarten .text-link{text-underline-offset:5px;font-size:15px;overflow-wrap:anywhere}#rgp-biergarten .tables{margin-top:33px}#rgp-biergarten .tables h3{font-size:24px;margin-bottom:10px}#rgp-biergarten .faq details{border-bottom:1px solid var(--line)}#rgp-biergarten .faq summary{list-style:none;cursor:pointer;position:relative;padding:19px 28px 19px 0;font-size:16px;font-weight:600}#rgp-biergarten .faq summary::-webkit-details-marker{display:none}#rgp-biergarten .faq summary:after{content:'+';position:absolute;right:0;top:15px;font-size:25px;color:var(--accent);font-weight:400}#rgp-biergarten .faq details[open] summary:after{content:'−'}#rgp-biergarten .faq details p{padding:0 22px 22px 0;color:var(--muted);overflow-wrap:anywhere}#rgp-biergarten .closing{background:#202122;color:var(--cream);padding-block:48px;border-block:1px solid var(--line)}#rgp-biergarten .closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}#rgp-biergarten .closing h2{font-size:clamp(34px,3.5vw,47px);margin:15px 0}#rgp-biergarten .closing .ticket{background:var(--accent);color:var(--ink);border-color:var(--accent);box-shadow:none}#rgp-biergarten .closing .ticket-action{border-color:#10101055}#rgp-biergarten .closing p:last-child{font-size:14px}
#rgp-biergarten .events-banner{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:330px;background:#101010;text-align:center}#rgp-biergarten .events-banner-bg{position:absolute;z-index:-2;inset:0;width:100%;height:116%;max-width:none;object-fit:cover;object-position:50% 57%;pointer-events:none}#rgp-biergarten .events-banner:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#101010 0%,#00000018 18%,#00000016 72%,#101010 100%);pointer-events:none}#rgp-biergarten .events-banner-content{width:min(640px,calc(100% - 40px));padding:42px 0;display:flex;flex-direction:column;align-items:center;gap:27px}#rgp-biergarten .events-banner-wordmark{width:100%;max-width:600px;height:auto}#rgp-biergarten .all-events-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 30px;background:var(--accent);color:var(--ink);border:1px solid var(--accent);border-radius:3px;font-size:15px;font-weight:700;line-height:1.4;text-transform:uppercase;text-align:center;text-decoration:none}#rgp-biergarten .footer{padding-block:25px 35px;display:flex;justify-content:center;border-top:1px solid var(--line)}#rgp-biergarten .footer img{width:180px}#rgp-biergarten .mobile-bar{display:none}#rgp-biergarten .lightbox{border:1px solid #666;background:#101010;padding:60px 15px 15px;width:min(1300px,96vw);max-width:none;max-height:95dvh}#rgp-biergarten .lightbox::backdrop{background:#000e}#rgp-biergarten .lightbox img{max-height:calc(95dvh - 85px);margin:auto;object-fit:contain}#rgp-biergarten .lightbox-close{position:absolute;top:10px;right:15px;background:#222;color:var(--cream);border:1px solid #666;border-radius:3px;padding:8px 20px;min-height:44px;font-size:14px}
#rgp-biergarten :is(.ticket,.all-events-button):is(:hover,:active,.is-touch-active){background:#f0efeb;border-color:#f0efeb;color:#101010}#rgp-biergarten .ticket:active{transform:translateY(1px);box-shadow:none}#rgp-biergarten .closing .ticket:is(:hover,:active,.is-touch-active){background:#fff;color:#101010;border-color:#fff}#rgp-biergarten .gallery-controls button:not(:disabled):is(:hover,:active){background:var(--accent);border-color:var(--accent);color:var(--ink)}
@media(max-width:1000px){#rgp-biergarten .wrap{width:calc(100% - 48px)}#rgp-biergarten .venue-intro,#rgp-biergarten .details,#rgp-biergarten .closing-grid{gap:30px}#rgp-biergarten .closing-grid{grid-template-columns:1fr}#rgp-biergarten .closing .ticket-stack{max-width:600px}}
@media(max-width:650px){#rgp-biergarten .wrap{width:calc(100% - 36px)}#rgp-biergarten .masthead{height:59px;gap:16px}#rgp-biergarten .logo{width:164px}#rgp-biergarten .back{font-size:12px}#rgp-biergarten .hero{min-height:560px;min-height:min(620px,calc(100svh - 59px));padding:80px 0 25px}#rgp-biergarten .hero-photo{object-position:50% 0%}#rgp-biergarten .hero-shade{background:linear-gradient(0deg,#101010f5 0%,#101010b0 48%,#10101010 100%)}#rgp-biergarten .hero h1{font-size:clamp(47px,13vw,78px);margin:14px 0 15px}#rgp-biergarten .eyebrow{font-size:12px}#rgp-biergarten .event-name{font-size:14px;letter-spacing:.16em}#rgp-biergarten .hero-info{font-size:14px;margin-top:11px;max-width:340px}#rgp-biergarten .hero-info span{margin-inline:3px}#rgp-biergarten .hero-tickets{margin-top:20px;gap:11px}#rgp-biergarten .ticket{min-height:55px;padding:14px 12px;gap:8px}#rgp-biergarten .ticket-date{font-size:clamp(12px,3.5vw,16px);letter-spacing:-.01em}#rgp-biergarten .ticket-action{font-size:12px;padding-left:10px}#rgp-biergarten .hero-note{font-size:12px;line-height:1.5;margin-top:14px;max-width:360px}#rgp-biergarten .hero-note span{margin-inline:2px}#rgp-biergarten .location-strip{font-size:11px;letter-spacing:.055em;padding:14px 10px}#rgp-biergarten .location-strip span{margin-inline:7px}#rgp-biergarten .venue{padding-block:43px 34px}#rgp-biergarten .venue-intro{display:block;margin-bottom:31px}#rgp-biergarten h2{font-size:38px}#rgp-biergarten .venue h2{margin-top:13px}#rgp-biergarten .venue-intro>p{margin-top:16px;line-height:1.75}#rgp-biergarten .gallery-header{gap:10px;align-items:flex-end}#rgp-biergarten .gallery-header h3{font-size:23px;max-width:160px}#rgp-biergarten .gallery-controls{gap:6px}#rgp-biergarten .gallery-controls button{font-size:12px;padding:8px 9px}#rgp-biergarten .gallery{grid-auto-columns:88%;gap:11px;margin-right:-18px;padding-right:18px}#rgp-biergarten .gallery img{aspect-ratio:4/3}#rgp-biergarten .details{display:block;padding-block:36px 42px}#rgp-biergarten .tables{margin-top:27px}#rgp-biergarten .faq{margin-top:29px}#rgp-biergarten .closing{padding-block:36px}#rgp-biergarten .closing-grid{gap:25px}#rgp-biergarten .closing h2{font-size:37px}#rgp-biergarten .events-banner{min-height:250px}#rgp-biergarten .events-banner-bg{object-position:58% 50%}#rgp-biergarten .events-banner-content{width:calc(100% - 36px);padding:33px 0;gap:23px}#rgp-biergarten .events-banner-wordmark{max-width:360px}#rgp-biergarten .all-events-button{font-size:14px;min-height:50px;padding:13px 27px}#rgp-biergarten .footer{padding-bottom:100px}#rgp-biergarten .mobile-bar{position:fixed;z-index:1000;bottom:0;left:0;right:0;display:flex;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#101010f5;border-top:1px solid #555;transform:translateY(110%);visibility:hidden;transition:transform .18s,visibility .18s}#rgp-biergarten .mobile-bar.is-visible{visibility:visible;transform:translateY(0)}#rgp-biergarten .mobile-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;background:var(--accent);color:var(--ink);text-decoration:none;font-size:13px;font-weight:700;border-radius:3px}#rgp-biergarten .mobile-bar a span{font-size:12px;font-weight:500}#rgp-biergarten .mobile-bar a:active{background:#f0efeb}#rgp-biergarten .lightbox{width:100vw;border:0;padding-inline:0}}
@media(prefers-reduced-motion:reduce){#rgp-biergarten *{scroll-behavior:auto!important;transition:none!important}}

#rgp-biergarten .gallery figure{position:relative}#rgp-biergarten .gallery .party-photo img{object-position:50% 36%}#rgp-biergarten .gallery figcaption{position:absolute;bottom:0;left:0;right:0;pointer-events:none;padding:30px 14px 12px;background:linear-gradient(transparent,#000b);font-size:11px;letter-spacing:.07em;color:#f8f6f0;line-height:1.4}

/* Venue-led hero with a compact booking layout. */
#rgp-biergarten .hero{min-height:630px;background:#101010;padding-top:190px}
#rgp-biergarten .hero h1{font-size:clamp(64px,8vw,108px);line-height:.95;margin:17px 0 18px;letter-spacing:-.035em}
#rgp-biergarten .hero h1 span{display:block;font-family:RGPSpace,Arial,sans-serif;font-size:24px;line-height:1.4;letter-spacing:.12em;font-weight:600;margin-bottom:10px}
#rgp-biergarten .hero-info{font-size:18px}
#rgp-biergarten .hero-shade{background:linear-gradient(90deg,#080808d4 0%,#08080884 50%,#0808080d 100%),linear-gradient(0deg,#101010ed,transparent 75%)}
#rgp-biergarten .hero-photo{object-position:50% 40%}
@media(max-width:650px){
 #rgp-biergarten .hero{min-height:560px;min-height:min(600px,calc(100svh - 59px));padding:130px 0 25px}
 #rgp-biergarten .hero h1{font-size:clamp(36px,11.5vw,65px);line-height:1;margin:13px 0 15px;letter-spacing:-.04em}
 #rgp-biergarten .hero h1 span{font-size:18px;letter-spacing:.13em;margin-bottom:7px}
 #rgp-biergarten .hero-info{font-size:15px;margin-top:0}
 #rgp-biergarten .hero-note{font-size:12px}
 #rgp-biergarten .hero-shade{background:linear-gradient(180deg,#10101010 0%,#10101010 20%,#10101070 40%,#101010ed 67%,#101010 100%)}
 #rgp-biergarten .hero-photo{object-position:50% 40%}
 #rgp-biergarten .gallery-header h3{font-size:24px;max-width:180px}
}

@media(max-width:650px){#rgp-biergarten .hero-photo{object-position:68% 30%}}

/* Neutral accents for this event, including the shared events banner. */
#rgp-biergarten .events-banner-bg,#rgp-biergarten .events-banner-wordmark{filter:grayscale(1)}

/* Both venue photos fit side by side on desktop; swipe controls remain on mobile. */
@media(min-width:651px){#rgp-biergarten .gallery-controls{display:none}}