PageSourceSearch

https://rooftopcinemaclub.com/uk/locations

html rooftopcinemaclub.com collected 2026-10-03 21:21:46 UTC 133,636 bytes, 2,025 lines download raw bytes

1<!doctype html>
2<html class="scroll-smooth antialiased" lang="en">
3    <head>
4        <meta charset="utf-8">
5        <meta http-equiv="X-UA-Compatible" content="IE=edge">
6        <meta name="viewport" content="width=device-width, initial-scale=1">
7        <link rel="icon" type="image/x-icon" href="/favicon.ico">
8        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
9        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
10        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
11        <link rel="manifest" href="/site.webmanifest">
12        <meta name="theme-color" content="#E95D40">
13        
14        
15        <title>Rooftop Cinema Club Locations | Outdoor Movie Theaters</title>
16<meta name="description" content="Find an outdoor cinema near you. Rooftop Cinema Club outdoor movie theaters across London &mdash; movie listings, showtimes and tickets." />
17<meta name="robots" content="index, follow" />
18<meta property="og:type" content="website" />
19<meta property="og:title" content="Rooftop Cinema Club Locations | Outdoor Movies Under the Stars" />
20<meta property="og:description" content="Find an outdoor cinema near you. Rooftop Cinema Club outdoor movie theaters across London &mdash; movie listings, showtimes and tickets." />
21<meta property="og:url" content="https://rooftopcinemaclub.com/uk/locations" />
22<meta property="og:locale" content="en_GB" />
23<meta name="twitter:card" content="summary_large_image" />
24<meta name="twitter:title" content="Rooftop Cinema Club Locations | Outdoor Movie Theaters" />
25<meta name="twitter:description" content="Find an outdoor cinema near you. Rooftop Cinema Club outdoor movie theaters across 8 US cities and London &mdash; movie listings, showtimes and tickets." />
26<meta property="og:image" content="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_1200,h_630,c_fill,g_xy_center,x_571,y_2527,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/uk/venue/rooftop-cinema-club-peckham-movie-screen-guests-london.jpg" />
27<meta property="og:image:width" content="1200" />
28<meta property="og:image:height" content="630" />
29<meta property="og:image:alt" content="Guests enjoying an outdoor cinema screening at Rooftop Cinema Club &mdash; rooftop cinema under the open sky" />
30<meta name="twitter:image" content="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_1200,h_600,c_fill,g_xy_center,x_571,y_2527,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/uk/venue/rooftop-cinema-club-peckham-movie-screen-guests-london.jpg" />
31<meta name="twitter:image:alt" content="Guests enjoying an outdoor cinema screening at Rooftop Cinema Club &mdash; rooftop cinema under the open sky" />
32<link href="https://rooftopcinemaclub.com/uk/locations" rel="home" />
33<link href="https://rooftopcinemaclub.com/uk/locations" rel="canonical" />
34<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"UK Home","item":"https://rooftopcinemaclub.com/uk"},{"@type":"ListItem","position":2,"name":"Locations","item":"https://rooftopcinemaclub.com/uk/locations"}]}</script>
vendor: 1 bytes, line 34
34
35<script type="application/ld+json">{  "@context": "https://schema.org",  "@type": "BreadcrumbList",  "itemListElement": [    { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://rooftopcinemaclub.com/uk/" },    { "@type": "ListItem", "position": 2, "name": "Locations", "item": "https://rooftopcinemaclub.com/uk/locations/" }  ]}</script>
35
36        
36<script type="application/ld+json">
37        {
38            "@context": "https://schema.org",
39            "@graph": [
40                {
41                    "@type": "Organization",
42                    "@id": "https://rooftopcinemaclub.com/#organization",
43                    "name": "Rooftop Cinema Club",
44                    "url": "https://rooftopcinemaclub.com",
45                    "logo": {
46                        "@type": "ImageObject",
47                        "url": "https://rooftopcinemaclub.com/images/Rooftop_Cinema_Logo_Cream.svg",
48                        "width": 1600,
49                        "height": 450
50                    },
51                    "sameAs": [
52                        "https://www.instagram.com/rooftopcinemaclub/",
53                        "https://www.facebook.com/RooftopCinemaClub/",
54                        "https://www.tiktok.com/@rooftopcinemaclub",
55                        "https://twitter.com/rooftopcinema"
56                    ],
57                    "contactPoint": {
58                        "@type": "ContactPoint",
59                        "contactType": "customer support",
60                        "url": "https://contact.rooftopcinemaclub.com/hc/en-us/requests/new"
61                    }
62                },
63                {
64                    "@type": "WebSite",
65                    "@id": "https://rooftopcinemaclub.com/#website",
66                    "url": "https://rooftopcinemaclub.com/",
67                    "name": "Rooftop Cinema Club",
68                    "publisher": { "@id": "https://rooftopcinemaclub.com/#organization" },
69                    "inLanguage": ["en-US", "en-GB"]
70                }
71            ]
72        }
73        </script>
73
74        
75        <!-- Google Tag Manager -->
76<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
77new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
78j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
79'https://metrics.rooftopcinemaclub.com/3Sb1zEe7Bj3VX4l/'+dl;f.parentNode.insertBefore(j,f);
80})(window,document,'script','dataLayer','GTM-MFSJ4FQ3');</script>
80
81<!-- End Google Tag Manager -->
82
83<!-- Hotjar Tracking Code for RCC UK -->
84<script>
vendor: 125 bytes, lines 84-87
84
85    (function(h,o,t,j,a,r){
86        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
87        h._hjSettings={hjid:
876683081
vendor: 258 bytes, lines 87-92
87,hjsv:6};
88        a=o.getElementsByTagName('head')[0];
89        r=o.createElement('script');r.async=1;
90        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
91        a.appendChild(r);
92    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
93</script>
93
94
95<script type="text/javascript" async src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=WCDhM5"></script>
95
96        
97        
98        
98<script>
99            window.app = {
100                base_url: "https://rooftopcinemaclub.com/uk",
101                customer: null,
102                statamic_basket_info: null,
103                site_settings: {"customer_default_email_opt_in":false,"customer_default_phone_opt_in":false,"email_confirmation_on_basket":false,"alternative_copy":{"booking fee":"","order protection":""}},
104                currency_symbol: "£",
105                current_venue_id: "",
106                venue_selector_action: "lead_to_venue_page",
107                closest_venue_id: "ceefbc05-c631-4d3a-9815-0f07ce2c5a59",
108                checkout_ui_variant: "v4",
109                error: null,
110            };
111        </script>
111
112        
112<script>
113            window.app.venues = [{"id":"ceefbc05-c631-4d3a-9815-0f07ce2c5a59","name":"Peckham, London","city":"London","url":"\/uk\/london\/peckham"},{"id":"972d623f-7046-4058-baab-6da8671313ee","name":"Stratford, London","city":"London","url":"\/uk\/london\/stratford"}];
114        </script>
114
115        
116        
117        <link rel="preload" href="https://rooftopcinemaclub.com/build/assets/Think Loved-BcZSt1oy.woff2" as="font" type="font/woff2" crossorigin>
118        <link rel="preconnect" href="https://fonts.googleapis.com">
119        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
120        <link rel="preconnect" href="https://res.cloudinary.com" crossorigin>
121        <link href="https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
122        <link rel="preload" as="style" href="https://rooftopcinemaclub.com/build/assets/site-CaOUSz4R.css" /><link rel="modulepreload" as="script" href="https://rooftopcinemaclub.com/build/assets/site-DXMvIDdS.js" /><link rel="modulepreload" as="script" href="https://rooftopcinemaclub.com/build/assets/klaviyo-BpvvPS_W.js" /><link rel="modulepreload" as="script" href="https://rooftopcinemaclub.com/build/assets/body-scroll-lock-Dj1E9ZL5.js" /><link rel="modulepreload" as="script" href="https://rooftopcinemaclub.com/build/assets/checkout-CuYRfslR.js" /><link rel="modulepreload" as="script" href="https://rooftopcinemaclub.com/build/assets/index-Dg7azo43.js" /><link rel="modulepreload" as="script" href="https://rooftopcinemaclub.com/build/assets/modals-aFXFn7IH.js" /><link rel="stylesheet" href="https://rooftopcinemaclub.com/build/assets/site-CaOUSz4R.css" />
122<script type="module" src="https://rooftopcinemaclub.com/build/assets/site-DXMvIDdS.js"></script>
122<script type="module" src="https://rooftopcinemaclub.com/build/assets/checkout-CuYRfslR.js"></script>
122<script type="module" src="https://rooftopcinemaclub.com/build/assets/modals-aFXFn7IH.js"></script>
122
123        
124        <link rel="alternate" hreflang="en-us" href="https://rooftopcinemaclub.com/us/locations">
125        <link rel="alternate" hreflang="en-gb" href="https://rooftopcinemaclub.com/uk/locations">
126        <link rel="alternate" hreflang="x-default" href="https://rooftopcinemaclub.com">
127    </head>
128    <body class="flex flex-col min-h-screen bg-brand-lightbeige" x-data="{ menu_open: false }" x-init="$watch('menu_open', open => open ? window.BodyScroll.lock() : window.BodyScroll.unlock())">
129        
130
131        
132        
133        
134        
135        
136        <header class="absolute top-0 left-0 right-[var(--scrollbar-lock-offset)] z-50 bg-transparent">
137    
138        <div class="bg-brand-red flex justify-start md:justify-center items-center gap-2 px-4 py-2.5">
139            <span class="text-white text-lg md:text-3xl leading-none pt-[16px] md:pt-[22px]">in partnership with</span>
140            <svg class="w-20 md:w-32" xml:space="preserve" viewBox="0 0 1033.143 564.983"><path fill="white" d="m945.022 304.383-.004.004-4.762.004c-1.174 0-2.272.353-3.332 1.435-1.315 1.344-1.515 3.068-1.197 4.754 3.863 20.609 5.852 40.725 6.502 59.701h-59.77c-1.35 0-2.467.478-3.36 1.362-.94.93-1.521 2.114-1.52 4.058l.005 17.154c.002 3.414 2.352 5.32 5.188 5.32h59.437c-.444 13.108-1.468 25.43-2.867 36.454a407 407 0 0 1-3.687 23.545c-.258 2.058.286 3.354 1.281 4.457 1.188 1.19 2.573 1.474 4.205 1.473l5.93-.008 9.222.008a7.12 7.12 0 0 0 5.135-2.153c1.538-1.579 1.802-3.268 1.969-4.242a439 439 0 0 0 3.322-22.938c1.299-11.067 2.247-23.436 2.658-36.595h58.573c2.835 0 5.186-1.907 5.187-5.32l.006-17.155c0-1.944-.58-3.129-1.52-4.058-.893-.884-2.01-1.362-3.36-1.362H969.39a435 435 0 0 0-2.52-35.105 423 423 0 0 0-3.517-24.613c-.294-1.686-.876-3.366-2.61-4.715-1.147-.894-2.742-1.457-3.818-1.457l-8.045-.006-.033-.002-1.603.002ZM549.885 0c-38.79 0-76.722 4.76-113.297 13.936-30.606 7.678-59.885 18.451-87.611 32.093a420 420 0 0 0-29.126 15.792c-17.91 10.641-34.221 21.996-49.507 34.353a425 425 0 0 0-31.775 28.437c-6.168 6.113-11.86 12.058-17.838 18.74-.543.607-1.052 1.167-1.581 1.76-.94 1.052-2.07 2.674-1.512 4.903a4 4 0 0 0 1.133 1.903c1.028.904 2.222 1.119 3.299 1.036 1.275-.097 2.713-.852 3.518-1.457.54-.405 1.058-.875 1.554-1.384 1.835-1.881 3.518-3.735 5.29-5.572a408 408 0 0 1 9.758-9.76c12.62-12.223 28.385-25.555 45.583-37.759 9.311-6.607 19.094-13.016 29.737-19.268a420 420 0 0 1 46.005-23.3c18.429-7.932 36.318-14.086 53.13-18.857a444 444 0 0 1 37.374-8.889 469 469 0 0 1 34.083-5.228c17.588-2.05 35.136-3.012 52.691-3.012 40.719 0 82.301 5.48 122.245 16.66a433 433 0 0 1 42.196 14.164c17.78 7.012 34.143 14.715 51.612 24.508 32.19 18.045 60.875 39.977 86.712 66.054a368 368 0 0 1 32.785 37.907 360 360 0 0 1 28.593 44.478 357 357 0 0 1 12.033 24.354c6.853 15.307 10.934 27.816 10.934 27.816.431 1.185.753 1.682 1.265 2.456a6.63 6.63 0 0 0 5.262 2.632l16.643-.006c1.256 0 1.826-.255 2.508-.65.624-.362 1.494-1.196 1.882-2.098.455-1.057.576-2.475.162-3.771-5.987-17.899-14.165-36.692-23.851-54.756-15.092-28.147-37.983-62.582-71.35-95.34-29.466-28.929-59.166-49.298-83.968-63.525-30.828-17.684-63.534-31.457-98.213-41.39C636.466 5.997 593.089 0 549.885 0M473.517 382.362c.578.079.71.105 1.262.158 6.422.879 11.419 1.782 15.917 2.93 5.194 1.327 9.604 2.95 12.833 4.746 2.442 1.358 4.369 2.81 5.956 4.41.907.914 1.73 1.936 2.467 2.993 1.116 1.598 2.673 4.486 3.464 6.299a39 39 0 0 1 1.213 3.115 38.7 38.7 0 0 1 1.66 7.296c.543 4.202.496 8.148-.102 11.89-.614 3.846-1.93 9.508-6.378 15.457-3.79 5.068-9.082 9.12-15.299 12.104-7.489 3.626-15.396 5.423-23.308 6.333-14.795 1.629-30.949-1.312-44.179-7.884-4.223-2.125-7.906-4.313-11.21-6.772-3.219-2.395-6.276-5.128-8.553-8.247-3.598-4.93-4.958-9.283-4.93-13.635.025-4.126 1.34-7.877 3.334-10.684 2.277-3.435 5.958-5.91 10.14-7.645 7.058-2.928 15.748-3.744 22.76-3.497 8.515.315 23.808 2.97 31.902 5.834 2.234.814 10.485 4.02 11.93 5.492 1.025 1.025 1.682 2.523 1.235 3.89-1.865 5.675-15.583 8.645-19.524 9.223-10.617 1.629-16.209-2.392-28.27-7.148-2.996-1.156-6.99-2.47-10.038-2.76-3.047-.277-6.454.073-9.054 1.471-2.65 1.425-4.058 3.799-4.016 6.36.04 2.407 1.936 4.601 5.89 6.334a53 53 0 0 0 5.083 1.903c4.341 1.36 8.378 1.915 12.997 1.972 9.053.152 18.641-.5 27.87-2.419 9.95-2.069 
14019.482-5.626 27.471-11.284 2.076-1.498 4.152-3.68 4.179-6.465.078-5.597-9.75-9.013-9.75-9.013-8.658-3.626-23.202-5.496-33.723-6.634-2.06-.223-3.964-.448-5.641-.623-1.867-.16-4.064-.355-6.178-.541-1.625-.144-3.105-.25-4.944-.387a434 434 0 0 1-5.51-.44 580 580 0 0 1-9.416-.905 128 128 0 0 1-8.054-1.124c-2.404-.422-4.822-.888-7.132-1.81-2.151-.86-4.34-2.256-6.075-4.104-1.527-1.626-2.695-3.549-3.066-5.48-1.787-7.042.5-15.744 4.415-21.394 10.3-14.768 34.371-20.361 52.345-22.568 17.397-2.182 45.54-2.155 62.647 6.937 2.628 1.393 3.995 2.733 3.443 5.545-1.13 5.308-5.098 8.724-9.933 10.222-5.046 1.603-15.53 2.223-20.13 2.512-20.601 1.157-45.54.536-65.169 5.897-1.524.446-4.178 1.156-5.045 2.128-1.646 1.787.04 2.895 2.268 3.6 1.637.517 3.737.868 6.561 1.288ZM625.476 438.177c-3.837 9.013-13.983 18.657-26.546 12.666-12.432-5.992-32.223-46.486-32.223-46.486s-7.517-15.11-8.936-14.716c0 0-1.63-2.943-2.629 13.56-1.025 16.423.21 48.456-6.36 53.502-6.203 5.045-13.72 3.048-17.636-2.865-3.522-5.833-4.994-19.656-3.075-43.936 2.286-24.334 7.937-50.218 15.165-58.285 7.202-7.989 12.984-2.181 15.244-.079 0 0 9.646 8.75 25.574 34.424l2.786 4.757s14.455 24.254 15.98 24.202c0 0 1.183 1.103 2.234.289 1.524-.42.894-8.199.894-8.199s-2.997-26.436-16.164-71.187c0 0-1.998-5.571-.658-10.8 1.34-5.282 6.624-2.812 6.624-2.812s20.448 10.274 30.383 43.569c9.856 33.294 3.233 63.33-.657 72.396M739.398 365.279c-14.453 3.338-52.477 5.178-52.477 5.178l-4.809 15.034s18.999-1.63 32.848-.184c0 0 4.467-.526 4.992 5.099.184 5.23-.446 10.829-.446 10.829s-.29 3.39-5.098 4.257c-5.203.894-40.968 2.26-40.968 2.26l-5.781 19.582s-2.155 4.547 2.68 3.233c4.468-1.183 41.94-8.227 46.802-7.202 5.255 1.288 11.036 8.253 9.355 14.614-1.998 7.885-39.391 31.724-62.148 30.068 0 0-11.983.762-22.1-15.376-9.407-15.402 3.574-44.55 3.574-44.55s-5.939-13.589-1.63-18.215c0 0 2.576-2.313 10.065-2.838l9.145-18.977s-10.432.71-16.634-6.965c-5.807-7.28-6.28-10.618-1.84-12.642 4.73-2.34 48.22-10.277 78.125-9.278 0 0 10.406-1.025 19.42 17.031 0 0 4.362 7.28-3.075 9.042M837.725 375.49s-.141-1.108-.682-2.219c-1.142-2.344-4.064-4.7-11.196 3.323-9.013 9.96-25.306 28.67-38.418 54.08 13.77-1.55 27.04-9.013 31.034-12.823 3.845-3.412 10.71-10.272 15.19-19.616 2.471-5.154 4.237-11.064 4.35-17.568a39 39 0 0 0-.278-5.177m7.226 42.784c-9.302 16.24-35.58 50.214-70.477 42.2-4.291 10.39-8.324 20.831-11.983 32.025-6.177 18.9-11.316 39.947-14.799 66.517 0 0-1.208 8.225-8.04 5.36-5.366-1.87-13.48-9.322-17.739-20.06a39.5 39.5 0 0 1-2.412-9.038c-.606-5.075-.528-11.115.26-17.788 1.418-11.99 5.032-26.336 10.642-42.243 3.86-10.947 8.673-22.632 14.376-34.797-5.413-8.83-9.118-21.443-5.965-39.391 0 0 1.53-10.963 9.154-25.984 5.673-11.176 14.725-24.6 29.008-37.425 0 0 4.02-3.476 6.332-2.398 2.575 1.077 1.414 11.91-.636 17.193-2.102 5.255-17.028 31.086-17.028 31.086s-9.302 17.423-6.674 31.166c8.17-12.543 21.146-31.024 35.202-45.488 12.13-12.481 25.059-21.981 36.353-22.085 6.571-.06 13.086 3.126 17.522 11.286 3.604 6.633 5.313 15.538 5.313 24.832 0 12.246-2.943 25.31-8.409 35.032M360.717 318.843s-2.66 4.794-3.29 5.681c-.295.48-1.263 1.81-2.454 2.828-.922.789-1.914 1.343-3.234 1.464-1.36.125-2.74-.38-4.218-1.611-3.548-3.154-5.577-7.965-5.735-12.695-.079-2.076.259-4.362-.135-6.097-.346-1.547-1.315-3.137-2.386-4.706-.965-1.416-2.014-2.763-2.761-4.097a29 29 0 0 1-1.65-3.469c-1.401-3.487-1.784-6.566-1.924-9.405-.631-11.614 5.492-22.396 13.454-30.831 8.041-8.567 18.426-15.602 29.831-20.437 10.8-4.546 26.693-7.647 38.544-3.548 3.863 1.34 9.224 4.625 11.93 8.042.579.735 1.052 1.497 1.63 1.865.526.342 1.892.473 2.996.683 3.784.657 9.223 3.522 11.457 5.414 4.44 3.863 6.885 7.542 8.015 12.876 1.065 5.009.198 10.69-1.82 15.756-2.138 5.363-5.517 10.275-9.138 13.964-12.062 12.351-23.992 21.05-39.444 27.093-4.926 1.929-11.53 3.515-16.694 4.117-2.722.317-5.27.415-7.729.316-2.711-.108-5.412-.465-7.7-.885 0 0-5.696-1.16-7.545-2.318m25.629-18.844c6.153-.595 11.518-1.688 16.47-3.256a61 61 0 0 0 7.992-3.197c5.715-2.752 11.545-6.763 15.253-10.124 1.964-1.781 3.665-3.606 5.016-5.408 2.693-3.593 4.29-7.644 3.785-11.906-.42-3.574-2.759-6.28-5.728-7.542-6.564-2.857-13.973.536-19.341 3.64-3.86 2.242-9.704 6.558-15.149 11.196-6.447 5.493-12.587 11.722-16.437 16.7-2.184 2.98-4.413 5.923-6.442 9.01.312.859 7.49 1.259 11.458.996m-32.342-9.757c2.098-3.321 4.544-6.57 6.892-9.631 2.603-3.394 7.116-8.504 8.883-10.375 3.933-4.164 8.119
140-8.225 11.715-11.306 2.155-1.813 4.596-3.887 4.596-3.887s-1.723.031-3.956.478c-1.082.21-2.985.71-4.533 1.28-1.886.693-3.435 1.34-4.803 2.032-4.264 2.156-7.971 5.072-9.705 6.558-3.218 2.768-6.624 6.397-8.783 10.328-1.257 2.29-2.121 4.711-2.274 7.095a11.1 11.1 0 0 0 .783 4.89 47 47 0 0 0 1.185 2.538M374.5 342.682c.473.08 1.182.29 1.813.526 5.413 2.05 7.647 7.069 8.987 12.587 3.074 12.771 4.388 41.046 4.914 52.11.368 8.303.578 16.476.92 24.7.289 6.938.867 16.188-.579 22.705-.525 2.339-2.102 5.072-4.362 6.464-2.549 1.656-8.409 1.787-11.64 1.104-7.91-1.63-10.486-6.727-11.616-14.558-2.706-18.71-1.392-55.447.184-70.924.526-5.125 2.444-21.522 5.124-28.38.92-2.34 2.865-6.99 6.255-6.334M83.516 207.787c-6.311-.091-17.711-.02-30.817 1.629-9.008 1.133-18.363 2.88-26.96 5.26-4.76 1.288-8.731 2.863-12.177 5.114-3.934 2.57-7.165 6.002-9.757 10.555-2.417 4.257-4.693 8.944-3.458 13.674 1.051 3.994 6.476 5.31 11.376 6.136 4.415.684 14.426 1.204 17.08-2.028.748-.778 1.085-2.984.078-4.441-.998-1.761-3.52-3.028-5.937-3.475-2.04-.372-5.468-.713-7.607-1.017-1.473-.21-2.24-.464-2.635-.674a1.5 1.5 0 0 1-.258-.169c-.11-.093-.123-.197-.123-.197s.038-.102.128-.192c.115-.115.285-.273.456-.398 1.698-1.1 7.157-2.648 8.544-3.002 6.244-1.732 15.85-2.757 23.697-3.165 7.753-.404 15.62-.405 22.05-.167 25.98.829 51.165 5.01 76.428 12.22 13.692 3.908 27.663 8.772 42.457 14.577 20.788 8.242 42.132 19.52 61.826 33.395 17.455 12.297 33.022 26.234 45.095 41.637 7.308 9.415 16.062 23.604 20.431 37.382 1.486 4.684 2.753 10.054 2.888 16.389.131 6.139-.804 13.205-3.452 20.158-4.981 13.077-15.494 25.282-32.813 34.334-6.4 3.345-13.739 6.28-22.063 8.65-8.982 2.556-18.242 4.196-27.458 5.192-10.873 1.176-21.731 1.428-32.778 1.135-1.551-.04-4.824-.235-8.54-.572-9.467-.859-18.08-2.336-23.025-3.268l-1.705-79.988c12.4.187 26.036 1.647 38.9 3.89 7.184 1.252 19.307 3.681 34.265 8.508 3 1.015 6.577 3.19 6.866 6.37.116 1.348-.365 2.525-1.216 3.667-2.25 3.02-5.943 5.275-9.065 6.791-1.88.913-3.516 1.597-4.264 2.44-.815 1.103-.878 2.682.252 3.576 1.547 1.222 3.968 2.086 6.425 2.646 12.4 2.825 20.664-2.736 25.469-8.02 5.2-5.717 6.687-10.15 7.178-14.792.842-7.964-2.796-14.205-4.633-16.79-4.563-6.422-11.575-10.74-17.228-13.445-12.813-6.13-27.437-9.287-34.86-10.608-9.444-1.68-21.464-3.04-35.349-3.32-6.462-.13-12.96.184-12.96.184s-.264-10.852-.737-18.052c-.789-11.852-4.072-35.108-14.846-41.809-1.97-1.209-4.39-1.34-5.756.5-2.102 2.733-4.152 13.14-4.625 15.82-.45 2.553-.917 5.77-1.358 9.185-.694 5.368-1.28 11.354-1.672 16.2-.219 2.697-.819 11.498-.935 20.797-.131.131-.318.337-.502.469 0 0-4.846.73-11.037 1.962-20.365 4.051-34.505 9.684-40.047 12.116-9.906 4.336-24.119 11.997-28.433 22.047-1 2.486-1.42 4.045-1.539 6.581-.261 5.603 1.801 10.535 3.562 13.671 4.673 8.822 14.031 18.337 21.897 25.431 5.677 5.12 13.945 11.49 20.597 16.034 5.42 3.703 9.513 6.314 13.299 8.543a169 169 0 0 0 13.148 7.007c2.387 1.137 5.325 2.572 8.028 3.854 0 0 .402 3.79.93 8.129.534 4.649 1.004 9.363 2.855 13.709.708 1.58 1.525 2.987 2.64 4.236 3.102 3.47 6.592 4.195 8.05 4.459 2.961.537 5.78.245 8.754-.314 1.232-.23 2.496-.663 3.472-1.17 1.637-.85 2.905-2.128 3.778-3.955 1.313-2.628 1.786-6.818 1.822-7.354.163-2.408.049-5.115.049-5.115s9.557 2.273 16.232 3.482c10.948 1.928 21.46 3.076 33.928 3.268 15.045.232 31.096-1.703 48.287-5.852 10.39-2.507 20.274-5.826 29.932-10.308 8.957-4.158 16.966-9.113 23.914-14.848 5.217-4.307 10.658-9.723 15.9-17.168 1.491-2.118 2.811-4.169 3.787-5.86.3-.519 1.132-1.737 2.234-3.599 3.064-5.177 6.867-13.175 8.85-23.363.533-3.023.918-5.994 1.107-8.967.732-13.005-1.909-26.112-6.998-38.07-1.142-2.808-5.216-12.759-13.975-25.369-7.641-11-16.527-21.227-25.822-30.505-6.177-6.164-10.865-10.479-18.827-17.158-11.276-9.354-22.031-16.386-25.342-18.567-10.934-7.164-23.59-14.199-34.695-19.566-17.897-8.65-35.385-15.283-52.805-20.677a432 432 0 0 0-16.703-4.802c-10.447-2.779-26.262-6.598-43.024-8.747-10.14-1.3-19.902-1.968-28.125-2.086m49.77 165.975s-.264 11.826-.317 23.783c-.057 12.349.089 24.821.233 33.612.12 7.334.24 12.106.24 12.106s-8.521-2.788-12.928-4.988a171.6 171.6 0 0 1-23.145-12.134c-9.3-5.809-17.109-11.736-24.4-18.279-1.492-1.339-4.123-3.876-5.446-5.214-3.34-3.3
14011-6.696-6.671-5.9-11.173.605-3.443 7.971-6.708 10.801-7.49 6.734-1.92 13.535-3.665 20.737-5.136 7.654-1.564 15.06-2.77 20.38-3.353 7.34-1.121 19.745-1.734 19.745-1.734"/></svg>
141        </div>
142    
143    <div class="px-4 lg:px-12 py-6 flex items-center justify-between">
144        <div class="flex flex-col gap-2 relative">
145            <a href="/" class="inline-block">
146            
147                <img src="/images/Rooftop_Logo_Cream.svg" alt="Rooftop Cinema Club" class="h-8 md:h-10">
148            
149            </a>
150            <button type="button" data-venue-selector-trigger class="self-start flex items-center gap-2 text-sm font-medium tracking-wide transition cursor-pointer rounded-full px-3 py-1 bg-brand-lightbeige text-brand-red hover:bg-brand-honey">
151    <svg class="h-4 w-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /></svg>
152    <span class="truncate max-w-[150px] md:max-w-none">select your venue</span>
153    <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
154</button>
155
156            <div id="closest-venue-popover-root" class="contents"></div>
157        </div>
158
159        <nav class="flex items-center gap-2 md:gap-3 relative">
160            
161
162            <div id="basket-button-root"></div>
163
164            <button @click="menu_open = true" type="button" class="w-11 h-11 md:w-12 md:h-12 rounded-full bg-brand-lavenderpink flex items-center justify-center text-brand-navy hover:bg-brand-honey transition cursor-pointer">
165                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
166                    <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16" />
167                </svg>
168            </button>
169        </nav>
170    </div>
171</header>
172
173
174        <main id="content" class="flex-1 flex flex-col">
175            
175<script type="application/ld+json">
176{
177    "@context": "https://schema.org",
178    "@type": "ItemList",
179    "name": "Rooftop Cinema Club UK Locations",
180    "itemListOrder": "https://schema.org/ItemListOrderAscending",
181    "itemListElement": [
182        
183        {
184            "@type": "ListItem",
185            "position": 1,
186            "item": {
187                "@id": "https://rooftopcinemaclub.com/uk/london/peckham#venue",
188                "@type": "MovieTheater",
189                "name": "Peckham, London",
190                "url": "https://rooftopcinemaclub.com/uk/london/peckham"
191            }
192        },
193        
194        {
195            "@type": "ListItem",
196            "position": 2,
197            "item": {
198                "@id": "https://rooftopcinemaclub.com/uk/london/stratford#venue",
199                "@type": "MovieTheater",
200                "name": "Stratford, London",
201                "url": "https://rooftopcinemaclub.com/uk/london/stratford"
202            }
203        }
204        
205    ]
206}
207</script>
207
208
209<section class="bg-brand-red text-brand-white px-4 lg:px-12 pb-12 md:pb-16 pt-48 md:pt-60">
210    <h1 id="locations-heading" class="text-2xl md:text-4xl font-light text-center">
211        select your <span class="font-heading">UK</span> location
212    </h1>
213</section>
214
215<nav aria-labelledby="locations-heading" class="bg-brand-lightbeige px-4 lg:px-12 py-8 md:py-12">
216    
217    <ul class="grid grid-cols-2 lg:grid-cols-4 gap-3 md:gap-4 max-w-5xl mx-auto list-none p-0 m-0">
218        
219        <li>
220            <a href="/uk/london/peckham" class="group relative block rounded-xl overflow-hidden aspect-[4/3] bg-brand-navy hover:scale-[1.02] transition-transform duration-200">
221                
222                
223                <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_300,c_fill,g_xy_center,x_571,y_2527,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/uk/venue/rooftop-cinema-club-peckham-movie-screen-guests-london.jpg" alt="" class="absolute inset-0 w-full h-full object-cover">
224                
225                
226                <span class="block absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></span>
227                <span class="absolute inset-0 flex items-center justify-center p-3">
228                    <span class="text-brand-white font-heading text-sm md:text-lg uppercase text-center leading-tight">Peckham, London</span>
229                </span>
230            </a>
231        </li>
232        
233        <li>
234            <a href="/uk/london/stratford" class="group relative block rounded-xl overflow-hidden aspect-[4/3] bg-brand-navy hover:scale-[1.02] transition-transform duration-200">
235                
236                
237                <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_300,c_fill,g_xy_center,x_2008,y_1339,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/uk/venue/rooftop-cinema-club-stratford-london-from-above.jpg" alt="" class="absolute inset-0 w-full h-full object-cover">
238                
239                
240                <span class="block absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></span>
241                <span class="absolute inset-0 flex items-center justify-center p-3">
242                    <span class="text-brand-white font-heading text-sm md:text-lg uppercase text-center leading-tight">Stratford, London</span>
243                </span>
244            </a>
245        </li>
246        
247    </ul>
248    
249</nav>
250
251
252    <section class="bg-brand-red flex w-full justify-center px-4 md:px-12 pb-12 md:pb-0">
253    <div class="relative w-full flex flex-col md:max-w-none">
254        
255        <img srcset="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_720,h_405,c_fill,g_auto,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/b1e7131b-1b08-4d58-a325-71ef52d47776/TheRoyalTenenbaums_1920x1080.jpg 720w,
256                     https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_1280,h_720,c_fill,g_auto,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/b1e7131b-1b08-4d58-a325-71ef52d47776/TheRoyalTenenbaums_1920x1080.jpg 1280w,
257                     https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_1920,h_1080,c_fill,g_auto,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/b1e7131b-1b08-4d58-a325-71ef52d47776/TheRoyalTenenbaums_1920x1080.jpg 1920w"
258             sizes="100vw"
259             src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_1920,h_1080,c_fill,g_auto,q_85/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/b1e7131b-1b08-4d58-a325-71ef52d47776/TheRoyalTenenbaums_1920x1080.jpg"
260             alt="The Royal Tenenbaums screening at Rooftop Cinema Club — outdoor cinema under the stars"
261             class=" mask-burger "/>
262        
263        <div class="relative w-full text-brand-white flex flex-col items-start md:absolute md:left-0 md:bottom-0 md:w-4/5 lg:w-3/5 md:z-10" style="color: #F9F4EE">
264
265            
266            <span class="text-base mb-2">behind the scenes</span>
267            
268
269            <h2 class="text-4xl md:text-6xl font-light mb-4 leading-tight">
270                MORE THAN A MOVIE
271            </h2>
272
273            
274            <p class="text-base md:text-lg text-brand-white/80 mb-7 md:max-w-[70%]">
275                We started with a screen, a dream and a questionable amount of extension cords. Find out why we traded the sticky floors of traditional cinema for the best views in the city
276            </p>
277            
278
279            
280            <div class="flex gap-4 flex-wrap pb-8">
281                
282                
283
284
285
286    
287
288
289
290    
291    <a href="/uk/about"  class="cursor-pointer inline-flex items-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16
291px] font-bold border-2 border-transparent bg-brand-lavenderpink text-brand-navy transition-colors duration-150 hover:bg-brand-honey active:bg-brand-honey">Learn More</a>
292    
293
294
295                
296            </div>
297            
298
299        </div>
300    </div>
301</section>
302
303
304    
305<section data-ref="screenings-carousel-by-seasons" data-cache-key="widget:v194:uk:venueless:::screenings-carousel-by-seasons:6426461fcdb8076993225a5fcbc85f1d" class="screenings-carousel-section px-4 md:px-12 py-8 md:py-12">
306    <div class="flex flex-col md:flex-row items-start md:items-baseline gap-2 md:gap-4 mb-4 md:mb-8">
307        <h2 class="text-3xl md:text-4xl font-heading text-brand-navy uppercase">
308            Upcoming Screenings
309        </h2>
310        
311            
312
313        
314    </div>
315
316    <div class="splide screenings-carousel">
317        <div class="splide__track">
318            <ul class="splide__list">
319                
320                <li class="splide__slide">
321                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
322    <a href="/uk/london/peckham/screenings/the-breakfast-club-3218" class="block relative aspect-square flex-shrink-0 overflow-hidden">
323        
324        
325        
326        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_1024,y_715,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/ef4f95e1-4a1c-4153-96a5-1b1868199cd0/breakfastclub.jpg" alt="breakfastclub.jpg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
327        
328        
329        
330
331        
332
333        
334
335        
336    </a>
337
338    <div class="p-4 flex flex-col flex-1">
339        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
340            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
341                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
342                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
343            </svg>
344            <span class="truncate">Peckham, London</span>
345        </div>
346        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
347            The Breakfast Club
348        </h3>
349
350        <div class="flex items-center gap-3 mb-4 text-brand-navy/80">
351            <div class="flex items-center gap-1.5 text-xs font-medium">
352                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
353                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
354                </svg>
355                <span>Sun, Oct 4</span>
356            </div>
357            <div class="flex items-center gap-1.5 text-xs font-medium">
358                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
359                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
360                </svg>
361                <span>2:15 PM</span>
362            </div>
363        </div>
364
365        <div class="flex items-center gap-2 card-cta-row">
366            
367
368<button data-checkout-screening="44df4686-509f-43ea-bbea-e7dde4f54e42"
369        class="cursor-pointer inline-flex items-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-transparent bg-brand-lavenderpink text-brand-navy transition-colors duration-150 hover:bg-brand-honey active:bg-brand-honey">
370    Book Now
371</button>
372
373
374
375
376            
377
378
379
380    
381
382
383
384    
385    <a href="/uk/london/peckham/screenings/the-breakfast-club-3218"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16
385px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
386    
387
388
389
390        </div>
391    </div>
392</div>
393
394                </li>
395                
396                <li class="splide__slide">
397                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
398    <a href="/uk/london/peckham/screenings/interstellar-3206" class="block relative aspect-square flex-shrink-0 overflow-hidden">
399        
400        
401        
402        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_600,y_450,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/35dd0c34-0019-4a8d-af83-fa7f7043ef0f/InterstellarFilmStill_1200x900.jpg" alt="InterstellarFilmStill_1200x900.jpg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
403        
404        
405        
406
407        
408
409        
410        <div class="absolute bottom-3 left-3 z-10">
411            <span class="px-2 py-1 text-xs font-medium rounded bg-brand-red text-brand-white">Sold Out</span>
412
413        </div>
414        
415
416        
417    </a>
418
419    <div class="p-4 flex flex-col flex-1">
420        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
421            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
422                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
423                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
424            </svg>
425            <span class="truncate">Peckham, London</span>
426        </div>
427        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
428            Interstellar
429        </h3>
430
431        <div class="flex items-center gap-3 mb-4 text-brand-navy/80">
432            <div class="flex items-center gap-1.5 text-xs font-medium">
433                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
434                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
435                </svg>
436                <span>Sun, Oct 4</span>
437            </div>
438            <div class="flex items-center gap-1.5 text-xs font-medium">
439                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
440                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
441                </svg>
442                <span>5:00 PM</span>
443            </div>
444        </div>
445
446        <div class="flex items-center gap-2 card-cta-row">
447            
448<button data-waitlist-screening="aca080c5-60fe-405f-a408-9861bd3efa35" class="group/notify inline-flex items-center justify-center gap-2 rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold bg-brand-lightbeige text-brand-navy border-2 border-brand-navy hover:bg-brand-red hover:text-brand-white hover:border-brand-red transition-colors cursor-pointer">
449    <span>Join Waitlist</span>
450    <svg class="shrink-0 w-4 h-4 sm:w-5 sm:h-5" viewBox="0 0 20 19" fill="none">
451        <path class="fill-brand-red group-hover/notify:fill-brand-white transition-colors" d="M19.4132 11.9839L16.5008 9.47369L19.4132 6.96348C20.3067 6.19344 19.6925 4.77917 18.4911 4.83677L14.5741 5.02777L14.7741 1.28671C14.836 0.139227 13.3536 -0.447397 12.5474 0.406013L9.91914 3.18755L7.2909 0.406013C6.48465 -0.447397 5.00389 0.139227 5.0642 1.28671L5.26417 5.02777L1.34721 4.83677C0.145774 4.77766 -0.468434 6.19344 0.425104 6.96348L3.33743 9.47369L0.425104 11.9839C-0.468434 12.7539 0.145774 14.1682 1.34721 14.1106L5.26417 13.9196L5.0642 17.6607C5.0023 18.8081 6.48465 19.3948 7.2909 18.5414L9.91914 15.7598L12.5474 18.5414C13.3536 19.3948 14.8344 18.8081 14.7741 17.6607L14.5741 13.9196L18.4911 14.1106C19.6925 14.1697 20.3067 12.7539 19.4132 11.9839Z"/>
452        <path class="stroke-brand-white group-hover/notify:stroke-brand-navy transition-colors" d="M5.92969 9.12109H13.2772" stroke-linecap="round" stroke-linejoin="round"/>
453        <path class="stroke-brand-white group-hover/notify:stroke-brand-navy transition-colors" d="M10.3398 6.31641L13.2788 9.12342L10.3398 11.9304" stroke-linecap="round" stroke-linejoin="round"/>
454    </svg>
455</button>
456
457
458
459            
460
461
462
463    
464
465
466
467    
468    <a href="/uk/london/peckham/screenings/interstellar-3206"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16
468px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
469    
470
471
472
473        </div>
474    </div>
475</div>
476
477                </li>
478                
479                <li class="splide__slide">
480                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
481    <a href="/uk/london/peckham/screenings/supernatural-mini-marathon-3086" class="block relative aspect-square flex-shrink-0 overflow-hidden">
482        
483        
484        
485        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_960,y_540,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/026cf4b9-d8a5-4924-b5bc-08ebf5ed985e/Supernatural---Hero.jpg" alt="Supernatural---Hero.jpg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
486        
487        
488        
489
490        
491
492        
493        <div class="absolute bottom-3 left-3 z-10">
494            <span class="px-2 py-1 text-xs font-medium rounded bg-brand-red text-brand-white">Sold Out</span>
495
496        </div>
497        
498
499        
500        <div class="absolute bottom-3 right-3 z-10">
501            <div class="flex flex-col items-center justify-center text-center w-12 h-12 rounded-full bg-brand-lightbeige text-brand-navy">
502                <h3 class="text-xl leading-none">18+</h3>
503            </div>
504        </div>
505        
506    </a>
507
508    <div class="p-4 flex flex-col flex-1">
509        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
510            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
511                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
512                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
513            </svg>
514            <span class="truncate">Peckham, London</span>
515        </div>
516        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
517            Supernatural Mini Marathon
518        </h3>
519
520        <div class="flex items-center gap-3 mb-4 text-brand-navy/80">
521            <div class="flex items-center gap-1.5 text-xs font-medium">
522                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
523                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
524                </svg>
525                <span>Tue, Oct 6</span>
526            </div>
527            <div class="flex items-center gap-1.5 text-xs font-medium">
528                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
529                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
530                </svg>
531                <span>7:00 PM</span>
532            </div>
533        </div>
534
535        <div class="flex items-center gap-2 card-cta-row">
536            
537<button data-waitlist-screening="aed7d905-d3f5-4083-8e86-84862e281258" class="group/notify inline-flex items-center justify-center gap-2 rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold bg-brand-lightbeige text-brand-navy border-2 border-brand-navy hover:bg-brand-red hover:text-brand-white hover:border-brand-red transition-colors cursor-pointer">
538    <span>Join Waitlist</span>
539    <svg class="shrink-0 w-4 h-4 sm:w-5 sm:h-5" viewBox="0 0 20 19" fill="none">
540        <path class="fill-brand-red group-hover/notify:fill-brand-white transition-colors" d="M19.4132 11.9839L16.5008 9.47369L19.4132 6.96348C20.3067 6.19344 19.6925 4.77917 18.4911 4.83677L14.5741 5.02777L14.7741 1.28671C14.836 0.139227 13.3536 -0.447397 12.5474 0.406013L9.91914 3.18755L7.2909 0.406013C6.48465 -0.447397 5.00389 0.139227 5.0642 1.28671L5.26417 5.02777L1.34721 4.83677C0.145774 4.77766 -0.468434 6.19344 0.425104 6.96348L3.33743 9.47369L0.425104 11.9839C-0.468434 12.7539 0.145774 14.1682 1.34721 14.1106L5.26417 13.9196L5.0642 17.6607C5.0023 18.8081 6.48465 19.3948 7.2909 18.5414L9.91914 15.7598L12.5474 18.5414C13.3536 19.3948 14.8344 18.8081 14.7741 17.6607L14.5741 13.9196L18.4911 14.1106C19.6925 14.1697 20.3067 12.7539 19.4132 11.9839Z"/>
541        <path class="stroke-brand-white group-hover/notify:stroke-brand-navy transition-colors" d="M5.92969 9.12109H13.2772" stroke-linecap="round" stroke-linejoin="round"/>
542        <path class="stroke-brand-white group-hover/notify:stroke-brand-navy transition-colors" d="M10.3398 6.31641L13.2788 9.12342L10.3398 11.9304" stroke-linecap="round" stroke-linejoin="round"/>
543    </svg>
544</button>
545
546
547
548            
549
550
551
552    
553
554
555
556    
557    <a href="/uk/london/peckham/screenings/supernatural-mini-marathon-3086"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16
557px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
558    
559
560
561
562        </div>
563    </div>
564</div>
565
566                </li>
567                
568                <li class="splide__slide">
569                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
570    <a href="/uk/london/peckham/screenings/supernatural-mini-marathon-3217" class="block relative aspect-square flex-shrink-0 overflow-hidden">
571        
572        
573        
574        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_960,y_540,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/026cf4b9-d8a5-4924-b5bc-08ebf5ed985e/Supernatural---Hero.jpg" alt="Supernatural---Hero.jpg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
575        
576        
577        
578
579        
580
581        
582
583        
584        <div class="absolute bottom-3 right-3 z-10">
585            <div class="flex flex-col items-center justify-center text-center w-12 h-12 rounded-full bg-brand-lightbeige text-brand-navy">
586                <h3 class="text-xl leading-none">18+</h3>
587            </div>
588        </div>
589        
590    </a>
591
592    <div class="p-4 flex flex-col flex-1">
593        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
594            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
595                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
596                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
597            </svg>
598            <span class="truncate">Peckham, London</span>
599        </div>
600        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
601            Supernatural Mini Marathon
602        </h3>
603
604        <div class="flex items-center gap-3 mb-4 text-brand-navy/80">
605            <div class="flex items-center gap-1.5 text-xs font-medium">
606                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
607                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
608                </svg>
609                <span>Wed, Oct 7</span>
610            </div>
611            <div class="flex items-center gap-1.5 text-xs font-medium">
612                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
613                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
614                </svg>
615                <span>7:00 PM</span>
616            </div>
617        </div>
618
619        <div class="flex items-center gap-2 card-cta-row">
620            
621
622<button data-checkout-screening="73dc1ce4-60f7-43ad-a26b-1682edb64a79"
623        class="cursor-pointer inline-flex items-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-transparent bg-brand-lavenderpink text-brand-navy transition-colors duration-150 hover:bg-brand-honey active:bg-brand-honey">
624    Book Now
625</button>
626
627
628
629
630            
631
632
633
634    
635
636
637
638    
639    <a href="/uk/london/peckham/screenings/supernatural-mini-marathon-3217"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
640    
641
642
643
644        </div>
645    </div>
646</div>
647
648                </li>
649                
650                <li class="splide__slide">
651                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
652    <a href="/uk/london/peckham/screenings/the-wolf-of-wall-street-3141" class="block relative aspect-square flex-shrink-0 overflow-hidden">
653        
654        
655        
656        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_363,y_200,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/76c2e365-f470-47b6-9a7c-c08e51928bbd/The-Wolf-of-Wall-Street.jpeg" alt="The-Wolf-of-Wall-Street.jpeg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
657        
658        
659        
660
661        
662
663        
664
665        
666        <div class="absolute bottom-3 right-3 z-10">
667            <div class="flex flex-col items-center justify-center text-center w-12 h-12 rounded-full bg-brand-lightbeige text-brand-navy">
668                <h3 class="text-xl leading-none">18+</h3>
669            </div>
670        </div>
671        
672    </a>
673
674    <div class="p-4 flex flex-col flex-1">
675        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
676            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
677                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
678                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
679            </svg>
680            <span class="truncate">Peckham, London</span>
681        </div>
682        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
683            The Wolf of Wall Street
684        </h3>
685
686        <div class="flex items-center gap-3 mb-4 text-brand-navy/80">
687            <div class="flex items-center gap-1.5 text-xs font-medium">
688                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
689                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
690                </svg>
691                <span>Thu, Oct 8</span>
692            </div>
693            <div class="flex items-center gap-1.5 text-xs font-medium">
694                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
695                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
696                </svg>
697                <span>7:00 PM</span>
698            </div>
699        </div>
700
701        <div class="flex items-center gap-2 card-cta-row">
702            
703
704<button data-checkout-screening="bb85b16a-4b3d-45fa-8576-753f4ece39fb"
705        class="cursor-pointer inline-flex items-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-transparent bg-brand-lavenderpink text-brand-navy transition-colors duration-150 hover:bg-brand-honey active:bg-brand-honey">
706    Book Now
707</button>
708
709
710
711
712            
713
714
715
716    
717
718
719
720    
721    <a href="/uk/london/peckham/screenings/the-wolf-of-wall-street-3141"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
722    
723
724
725
726        </div>
727    </div>
728</div>
729
730                </li>
731                
732                <li class="splide__slide">
733                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
734    <a href="/uk/london/peckham/screenings/love-jones-3142" class="block relative aspect-square flex-shrink-0 overflow-hidden">
735        
736        
737        
738        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_600,y_402,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/7012461e-59bd-4683-aba8-50ea820c4fa9/love-jones-2.jpeg" alt="love-jones-2.jpeg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
739        
740        
741        
742
743        
744
745        
746        <div class="absolute bottom-3 left-3 z-10">
747            <span class="px-2 py-1 text-xs font-medium rounded bg-brand-red text-brand-white">Sold Out</span>
748
749        </div>
750        
751
752        
753        <div class="absolute bottom-3 right-3 z-10">
754            <div class="flex flex-col items-center justify-center text-center w-12 h-12 rounded-full bg-brand-lightbeige text-brand-navy">
755                <h3 class="text-xl leading-none">18+</h3>
756            </div>
757        </div>
758        
759    </a>
760
761    <div class="p-4 flex flex-col flex-1">
762        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
763            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
764                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
765                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
766            </svg>
767            <span class="truncate">Peckham, London</span>
768        </div>
769        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
770            Love Jones
771        </h3>
772
773        <div class="flex items-center gap-3 mb-4 text-brand-navy
773/80">
774            <div class="flex items-center gap-1.5 text-xs font-medium">
775                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
776                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
777                </svg>
778                <span>Fri, Oct 9</span>
779            </div>
780            <div class="flex items-center gap-1.5 text-xs font-medium">
781                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
782                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
783                </svg>
784                <span>6:30 PM</span>
785            </div>
786        </div>
787
788        <div class="flex items-center gap-2 card-cta-row">
789            
790<button data-waitlist-screening="9981e031-c619-4809-9ed3-39be934cadab" class="group/notify inline-flex items-center justify-center gap-2 rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold bg-brand-lightbeige text-brand-navy border-2 border-brand-navy hover:bg-brand-red hover:text-brand-white hover:border-brand-red transition-colors cursor-pointer">
791    <span>Join Waitlist</span>
792    <svg class="shrink-0 w-4 h-4 sm:w-5 sm:h-5" viewBox="0 0 20 19" fill="none">
793        <path class="fill-brand-red group-hover/notify:fill-brand-white transition-colors" d="M19.4132 11.9839L16.5008 9.47369L19.4132 6.96348C20.3067 6.19344 19.6925 4.77917 18.4911 4.83677L14.5741 5.02777L14.7741 1.28671C14.836 0.139227 13.3536 -0.447397 12.5474 0.406013L9.91914 3.18755L7.2909 0.406013C6.48465 -0.447397 5.00389 0.139227 5.0642 1.28671L5.26417 5.02777L1.34721 4.83677C0.145774 4.77766 -0.468434 6.19344 0.425104 6.96348L3.33743 9.47369L0.425104 11.9839C-0.468434 12.7539 0.145774 14.1682 1.34721 14.1106L5.26417 13.9196L5.0642 17.6607C5.0023 18.8081 6.48465 19.3948 7.2909 18.5414L9.91914 15.7598L12.5474 18.5414C13.3536 19.3948 14.8344 18.8081 14.7741 17.6607L14.5741 13.9196L18.4911 14.1106C19.6925 14.1697 20.3067 12.7539 19.4132 11.9839Z"/>
794        <path class="stroke-brand-white group-hover/notify:stroke-brand-navy transition-colors" d="M5.92969 9.12109H13.2772" stroke-linecap="round" stroke-linejoin="round"/>
795        <path class="stroke-brand-white group-hover/notify:stroke-brand-navy transition-colors" d="M10.3398 6.31641L13.2788 9.12342L10.3398 11.9304" stroke-linecap="round" stroke-linejoin="round"/>
796    </svg>
797</button>
798
799
800
801            
802
803
804
805    
806
807
808
809    
810    <a href="/uk/london/peckham/screenings/love-jones-3142"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
811    
812
813
814
815        </div>
816    </div>
817</div>
818
819                </li>
820                
821                <li class="splide__slide">
822                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
823    <a href="/uk/london/peckham/screenings/obsession-3234" class="block relative aspect-square flex-shrink-0 overflow-hidden">
824        
825        
826        
827        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_960,y_540,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/c31dedc5-b582-42fd-ad94-d8b4d7c252ba/Obsession_1920x1080.jpg" alt="Obsession_1920x1080.jpg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
828        
829        
830        
831
832        
833
834        
835
836        
837        <div class="absolute bottom-3 right-3 z-10">
838            <div class="flex flex-col items-center justify-center text-center w-12 h-12 rounded-full bg-brand-lightbeige text-brand-navy">
839                <h3 class="text-xl leading-none">18+</h3>
840            </div>
841        </div>
842        
843    </a>
844
845    <div class="p-4 flex flex-col flex-1">
846        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
847            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
848                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
849                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
850            </svg>
851            <span class="truncate">Peckham, London</span>
852        </div>
853        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
854            Obsession
855        </h3>
856
857        <div class="flex items-center gap-3 mb-4 text-brand-navy/80">
858            <div class="flex items-center gap-1.5 text-xs font-medium">
859                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
860                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
861                </svg>
862                <span>Fri, Oct 9</span>
863            </div>
864            <div class="flex items-center gap-1.5 text-xs font-medium">
865                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
866                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
867                </svg>
868                <span>9:05 PM</span>
869            </div>
870        </div>
871
872        <div class="flex items-center gap-2 card-cta-row">
873            
874
875<button data-checkout-screening="9d1c0892-b720-4c05-8da6-f8f9c308c644"
876        class="cursor-pointer inline-flex items-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-transparent bg-brand-lavenderpink text-brand-navy transition-colors duration-150 hover:bg-brand-honey active:bg-brand-honey">
877    Book Now
878</button>
879
880
881
882
883            
884
885
886
887    
888
889
890
891    
892    <a href="/uk/london/peckham/screenings/obsession-3234"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
893    
894
895
896
897        </div>
898    </div>
899</div>
900
901                </li>
902                
903                <li class="splide__slide">
904                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
905    <a href="/uk/london/peckham/screenings/inside-out-3087" class="block relative aspect-square flex-shrink-0 overflow-hidden">
906        
907        
908        
909        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_719,y_539,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/78c9b974-8e13-4a71-8026-b6af073c6faf/sadness-fear-anger-disgust-joy-2015-disneypixar-5796ad576af908d8514f0773a1934a27bd937b22.jpeg" alt="sadness-fear-anger-disgust-joy-2015-disneypixar-5796ad576af908d8514f0773a1934a27bd937b22.jpeg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
910        
911        
912        
913
914        
915
916        
917
918        
919    </a>
920
921    <div class="p-4 flex flex-col flex-1">
922        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
923            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
924                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
925                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
926            </svg>
927            <span class="truncate">Peckham, London</span>
928        </div>
929        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
930            Inside Out
931        </h3>
932
933        <div class="flex items-center gap-3 mb-4 text-brand-navy/80">
934            <div class="flex items-center gap-1.5 text-xs font-medium">
935                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
936                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
937                </svg>
938                <span>Sat, Oct 10</span>
939            </div>
940            <div class="flex items-center gap-1.5 text-xs font-medium">
941                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
942                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
943                </svg>
944                <span>2:00 PM</span>
945            </div>
946        </div>
947
948        <div class="flex items-center gap-2 card-cta-row">
949            
950
951<button data-checkout-screening="da150400-f195-4a67-94c7-fd6a45a56c38"
952        class="cursor-pointer inline-flex items-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-transparent bg-brand-lavenderpink text-brand-navy transition-colors duration-150 hover:bg-brand-honey active:bg-brand-honey">
953    Book Now
954</button>
955
956
957
958
959            
960
961
962
963    
964
965
966
967    
968    <a href="/uk/london/peckham/screenings/inside-out-3087"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
969    
970
971
972
973        </div>
974    </div>
975</div>
976
977                </li>
978                
979                <li class="splide__slide">
980                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
981    <a href="/uk/london/peckham/screenings/pride-prejudice-3144" class="block relative aspect-square flex-shrink-0 overflow-hidden">
982        
983        
984        
985        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_600,y_450,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/e6ad4b28-715c-4176-8437-4c95da01c204/pride-prejudice-1200x900.jpg" alt="pride-prejudice-1200x900.jpg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
986        
987        
988        
989
990        
991
992        
993
994        
995    </a>
996
997    <div class="p-4 flex flex-col flex-1">
998        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
999            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
1000                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
1001                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
1002            </svg>
1003            <span class="truncate">Peckham, London</span>
1004        </div>
1005        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
1006            Pride & Prejudice
1007        </h3>
1008
1009        <div class="flex items-center gap-3 mb-4 text-brand-navy/80">
1010            <div class="flex items-center gap-1.5 text-xs font-medium">
1011                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1012                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
1013                </svg>
1014                <span>Sat, Oct 10</span>
1015            </div>
1016            <div class="flex items-center gap-1.5 text-xs font-medium">
1017                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1018                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
1019                </svg>
1020                <span>4:35 PM</span>
1021            </div>
1022        </div>
1023
1024        <div class="flex items-center gap-2 card-cta-row">
1025            
1026
1027<button data-checkout-screening="6c821c2a-5b5f-4d5c-9a57-27b8d91b5ad1"
1028        class="cursor-pointer inline-flex items-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16
1028px] font-bold border-2 border-transparent bg-brand-lavenderpink text-brand-navy transition-colors duration-150 hover:bg-brand-honey active:bg-brand-honey">
1029    Book Now
1030</button>
1031
1032
1033
1034
1035            
1036
1037
1038
1039    
1040
1041
1042
1043    
1044    <a href="/uk/london/peckham/screenings/pride-prejudice-3144"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
1045    
1046
1047
1048
1049        </div>
1050    </div>
1051</div>
1052
1053                </li>
1054                
1055                <li class="splide__slide">
1056                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
1057    <a href="/uk/london/peckham/screenings/twilight-3145" class="block relative aspect-square flex-shrink-0 overflow-hidden">
1058        
1059        
1060        
1061        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_640,y_360,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/dc3d2a52-2e0e-4621-8da8-81b3aa922487/Twilight.jpeg" alt="Twilight.jpeg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
1062        
1063        
1064        
1065
1066        
1067
1068        
1069
1070        
1071        <div class="absolute bottom-3 right-3 z-10">
1072            <div class="flex flex-col items-center justify-center text-center w-12 h-12 rounded-full bg-brand-lightbeige text-brand-navy">
1073                <h3 class="text-xl leading-none">18+</h3>
1074            </div>
1075        </div>
1076        
1077    </a>
1078
1079    <div class="p-4 flex flex-col flex-1">
1080        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
1081            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
1082                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
1083                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
1084            </svg>
1085            <span class="truncate">Peckham, London</span>
1086        </div>
1087        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
1088            Twilight
1089        </h3>
1090
1091        <div class="flex items-center gap-3 mb-4 text-brand-navy/80">
1092            <div class="flex items-center gap-1.5 text-xs font-medium">
1093                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1094                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
1095                </svg>
1096                <span>Sat, Oct 10</span>
1097            </div>
1098            <div class="flex items-center gap-1.5 text-xs font-medium">
1099                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1100                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
1101                </svg>
1102                <span>8:00 PM</span>
1103            </div>
1104        </div>
1105
1106        <div class="flex items-center gap-2 card-cta-row">
1107            
1108
1109<button data-checkout-screening="b5a6390d-9c1f-4f57-9e0d-d895cbd35c7e"
1110        class="cursor-pointer inline-flex items-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-transparent bg-brand-lavenderpink text-brand-navy transition-colors duration-150 hover:bg-brand-honey active:bg-brand-honey">
1111    Book Now
1112</button>
1113
1114
1115
1116
1117            
1118
1119
1120
1121    
1122
1123
1124
1125    
1126    <a href="/uk/london/peckham/screenings/twilight-3145"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16
1126px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
1127    
1128
1129
1130
1131        </div>
1132    </div>
1133</div>
1134
1135                </li>
1136                
1137                <li class="splide__slide">
1138                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
1139    <a href="/uk/london/peckham/screenings/michael-3226" class="block relative aspect-square flex-shrink-0 overflow-hidden">
1140        
1141        
1142        
1143        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_960,y_540,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/5b90e257-efbc-49db-9358-032788e5372c/Michael_1920x1080.jpg" alt="Michael_1920x1080.jpg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
1144        
1145        
1146        
1147
1148        
1149
1150        
1151
1152        
1153    </a>
1154
1155    <div class="p-4 flex flex-col flex-1">
1156        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
1157            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
1158                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
1159                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
1160            </svg>
1161            <span class="truncate">Peckham, London</span>
1162        </div>
1163        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
1164            Michael
1165        </h3>
1166
1167        <div class="flex items-center gap-3 mb-4 text-brand-navy/80">
1168            <div class="flex items-center gap-1.5 text-xs font-medium">
1169                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1170                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
1171                </svg>
1172                <span>Sun, Oct 11</span>
1173            </div>
1174            <div class="flex items-center gap-1.5 text-xs font-medium">
1175                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1176                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
1177                </svg>
1178                <span>2:00 PM</span>
1179            </div>
1180        </div>
1181
1182        <div class="flex items-center gap-2 card-cta-row">
1183            
1184
1185<button data-checkout-screening="0c65c343-b292-4268-9577-8a8093a5de7d"
1186        class="cursor-pointer inline-flex items-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-transparent bg-brand-lavenderpink text-brand-navy transition-colors duration-150 hover:bg-brand-honey active:bg-brand-honey">
1187    Book Now
1188</button>
1189
1190
1191
1192
1193            
1194
1195
1196
1197    
1198
1199
1200
1201    
1202    <a href="/uk/london/peckham/screenings/michael-3226"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
1203    
1204
1205
1206
1207        </div>
1208    </div>
1209</div>
1210
1211                </li>
1212                
1213                <li class="splide__slide">
1214                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
1215    <a href="/uk/london/peckham/screenings/mulholland-drive-2001-3228" class="block relative aspect-square flex-shrink-0 overflow-hidden">
1216        
1217        
1218        
1219        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_960,y_540,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/439f892e-ca4f-4bdb-9e84-97c7284b5489/MulhollandDrive_1920x1080.jpg" alt="MulhollandDrive_1920x1080.jpg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
1220        
1221        
1222        
1223
1224        
1225
1226        
1227
1228        
1229        <div class="absolute bottom-3 right-3 z-10">
1230            <div class="flex flex-col items-center justify-center text-center w-12 h-12 rounded-full bg-brand-lightbeige text-brand-navy">
1231                <h3 class="text-xl leading-none">18+</h3>
1232            </div>
1233        </div>
1234        
1235    </a>
1236
1237    <div class="p-4 flex flex-col flex-1">
1238        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
1239            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
1240                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
1241                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
1242            </svg>
1243            <span class="truncate">Peckham, London</span>
1244        </div>
1245        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
1246            Mulholland Drive (2001)
1247        </h3>
1248
1249        <div class="flex items-center gap-3 mb-4 text-brand-navy/80">
1250            <div class="flex items-center gap-1.5 text-xs font-medium">
1251                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1252                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
1253                </svg>
1254                <span>Sun, Oct 11</span>
1255            </div>
1256            <div class="flex items-center gap-1.5 text-xs font-medium">
1257                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1258                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
1259                </svg>
1260                <span>5:25 PM</span>
1261            </div>
1262        </div>
1263
1264        <div class="flex items-center gap-2 card-cta-row">
1265            
1266
1267<button data-checkout-screening="738b242c-60a7-4582-b472-a2e647faa33d"
1268        class="cursor-pointer inline-flex items-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-transparent bg-brand-lavenderpink text-brand-navy transition-colors duration-150 hover:bg-brand-honey active:bg-brand-honey">
1269    Book Now
1270</button>
1271
1272
1273
1274
1275            
1276
1277
1278
1279    
1280
1281
1282
1283    
1284    <a href="/uk/london/peckham/screenings/mulholland-drive-2001-3228"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
1285    
1286
1287
1288
1289        </div>
1290    </div>
1291</div>
1292
1293                </li>
1294                
1295                <li class="splide__slide">
1296                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
1297    <a href="/uk/london/peckham/screenings/the-blair-witch-project-1999-3089" class="block relative aspect-square flex-shrink-0 overflow-hidden">
1298        
1299        
1300        
1301        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_488,y_275,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/8f29c634-2bbd-4736-b437-6c55b16969bf/blairwitch.jpeg" alt="blairwitch.jpeg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
1302        
1303        
1304        
1305
1306        
1307
1308        
1309
1310        
1311        <div class="absolute bottom-3 right-3 z-10">
1312            <div class="flex flex-col items-center justify-center text-center w-12 h-12 rounded-full bg-brand-lightbeige text-brand-navy">
1313                <h3 class="text-xl leading-none">18+</h3>
1314            </div>
1315        </div>
1316        
1317    </a>
1318
1319    <div class="p-4 flex flex-col flex-1">
1320        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
1321            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
1322                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
1323                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
1324            </svg>
1325            <span class="truncate">Peckham, London</span>
1326        </div>
1327        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
1328            The Blair Witch Project (1999)
1329        </h3>
1330
1331        <div class="flex items-center gap-3 mb-4 text-brand-navy
1331/80">
1332            <div class="flex items-center gap-1.5 text-xs font-medium">
1333                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1334                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
1335                </svg>
1336                <span>Tue, Oct 13</span>
1337            </div>
1338            <div class="flex items-center gap-1.5 text-xs font-medium">
1339                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1340                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
1341                </svg>
1342                <span>6:30 PM</span>
1343            </div>
1344        </div>
1345
1346        <div class="flex items-center gap-2 card-cta-row">
1347            
1348
1349<button data-checkout-screening="c0301977-b3b9-4931-8553-a9c022b65ef7"
1350        class="cursor-pointer inline-flex items-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-transparent bg-brand-lavenderpink text-brand-navy transition-colors duration-150 hover:bg-brand-honey active:bg-brand-honey">
1351    Book Now
1352</button>
1353
1354
1355
1356
1357            
1358
1359
1360
1361    
1362
1363
1364
1365    
1366    <a href="/uk/london/peckham/screenings/the-blair-witch-project-1999-3089"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
1367    
1368
1369
1370
1371        </div>
1372    </div>
1373</div>
1374
1375                </li>
1376                
1377                <li class="splide__slide">
1378                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
1379    <a href="/uk/london/peckham/screenings/la-la-land-3149" class="block relative aspect-square flex-shrink-0 overflow-hidden">
1380        
1381        
1382        
1383        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_1228,y_820,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/45eb194d-e843-49c3-ba1d-5b6e4ac4d8d3/La_La_Land.jpg" alt="La_La_Land.jpg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
1384        
1385        
1386        
1387
1388        
1389
1390        
1391
1392        
1393        <div class="absolute bottom-3 right-3 z-10">
1394            <div class="flex flex-col items-center justify-center text-center w-12 h-12 rounded-full bg-brand-lightbeige text-brand-navy">
1395                <h3 class="text-xl leading-none">18+</h3>
1396            </div>
1397        </div>
1398        
1399    </a>
1400
1401    <div class="p-4 flex flex-col flex-1">
1402        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
1403            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
1404                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
1405                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
1406            </svg>
1407            <span class="truncate">Peckham, London</span>
1408        </div>
1409        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
1410            La La Land
1411        </h3>
1412
1413        <div class="flex items-center gap-3 mb-4 text-brand-navy/80">
1414            <div class="flex items-center gap-1.5 text-xs font-medium">
1415                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1416                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
1417                </svg>
1418                <span>Wed, Oct 14</span>
1419            </div>
1420            <div class="flex items-center gap-1.5 text-xs font-medium">
1421                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1422                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
1423                </svg>
1424                <span>7:00 PM</span>
1425            </div>
1426        </div>
1427
1428        <div class="flex items-center gap-2 card-cta-row">
1429            
1430
1431<button data-checkout-screening="77bc9382-709b-49cf-9dd7-84090c064335"
1432        class="cursor-pointer inline-flex items-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-transparent bg-brand-lavenderpink text-brand-navy transition-colors duration-150 hover:bg-brand-honey active:bg-brand-honey">
1433    Book Now
1434</button>
1435
1436
1437
1438
1439            
1440
1441
1442
1443    
1444
1445
1446
1447    
1448    <a href="/uk/london/peckham/screenings/la-la-land-3149"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
1449    
1450
1451
1452
1453        </div>
1454    </div>
1455</div>
1456
1457                </li>
1458                
1459                <li class="splide__slide">
1460                    <div class="group bg-brand-white rounded-xl overflow-hidden shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl h-full flex flex-col mt-1">
1461    <a href="/uk/london/peckham/screenings/poetic-justice-3150" class="block relative aspect-square flex-shrink-0 overflow-hidden">
1462        
1463        
1464        
1465        <img src="https://res.cloudinary.com/dpgypjrov/image/fetch/f_auto,w_400,h_400,c_fill,g_xy_center,x_780,y_439,q_auto/https://d31ni94nh7toh0.cloudfront.net/PRODUCTION/films/a16b9915-eb3b-4bb0-8877-a5975ebb6780/MV5BNWQ2YzZhYzYtNmNkYS00NjRlLTk4YzAtOTc4ZDJlYWIwMTdlXkEyXkFqcGdeQXVyOTQ5Njc0MDU%40._V1_.jpg" alt="MV5BNWQ2YzZhYzYtNmNkYS00NjRlLTk4YzAtOTc4ZDJlYWIwMTdlXkEyXkFqcGdeQXVyOTQ5Njc0MDU@._V1_.jpg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
1466        
1467        
1468        
1469
1470        
1471
1472        
1473
1474        
1475        <div class="absolute bottom-3 right-3 z-10">
1476            <div class="flex flex-col items-center justify-center text-center w-12 h-12 rounded-full bg-brand-lightbeige text-brand-navy">
1477                <h3 class="text-xl leading-none">18+</h3>
1478            </div>
1479        </div>
1480        
1481    </a>
1482
1483    <div class="p-4 flex flex-col flex-1">
1484        <div class="flex items-center gap-1.5 text-sm font-medium text-brand-navy mb-1.5">
1485            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
1486                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
1487                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
1488            </svg>
1489            <span class="truncate">Peckham, London</span>
1490        </div>
1491        <h3 class="text-base md:text-lg font-black text-brand-navy leading-tight uppercase tracking-tight mb-3 line-clamp-2 min-h-[2lh]">
1492            Poetic Justice
1493        </h3>
1494
1495        <div class="flex items-center gap-3 mb-4 text-brand-navy/80">
1496            <div class="flex items-center gap-1.5 text-xs font-medium">
1497                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1498                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
1499                </svg>
1500                <span>Thu, Oct 15</span>
1501            </div>
1502            <div class="flex items-center gap-1.5 text-xs font-medium">
1503                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1504                    <circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/>
1505                </svg>
1506                <span>7:00 PM</span>
1507            </div>
1508        </div>
1509
1510        <div class="flex items-center gap-2 card-cta-row">
1511            
1512
1513<button data-checkout-screening="f933233c-50ee-40e2-8178-93459bbfb774"
1514        class="cursor-pointer inline-flex items-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-transparent bg-brand-lavenderpink text-brand-navy transition-colors duration-150 hover:bg-brand-honey active:bg-brand-honey">
1515    Book Now
1516</button>
1517
1518
1519
1520
1521            
1522
1523
1524
1525    
1526
1527
1528
1529    
1530    <a href="/uk/london/peckham/screenings/poetic-justice-3150"  class="cursor-pointer inline-flex items-center text-center justify-center rounded-full px-4 py-2 text-xs sm:px-5 sm:py-2.5 sm:text-sm md:px-6 md:py-2.5 md:text-[16px] font-bold border-2 border-brand-navy bg-transparent text-brand-navy hover:bg-brand-navy hover:text-brand-lightbeige active:bg-brand-navy/90 active:text-brand-lightbeige transition-colors duration-150">Get Info</a>
1531    
1532
1533
1534
1535        </div>
1536    </div>
1537</div>
1538
1539                </li>
1540                
1541                
1542            </ul>
1543        </div>
1544    </div>
1545</section>
1546
1547
1548
1549
1550        </main>
1551
1552        <div id="tickets-checkout-root"></div>
1553        <div id="gift-card-checkout-root"></div>
1554
1555        <div id="modals-root"></div>
1556
1557        <footer class="w-full bg-brand-red text-brand-white px-4 md:px-12 py-12">
1558
1559    <div class="flex flex-col gap-3 mb-12 items-start">
1560        
1561            <div>
1562                <div class="inline-flex justify-start items-center">
1563                    <a href="/">
1564                        <img src="/images/Rooftop_Cinema_Logo_Cream.svg" alt="Rooftop Cinema Club" class="h-10 md:h-20">
1565                    </a>
1566
1567                    <div class="flex flex-col justify-start items-center gap-2 border-l border-l-white ml-4 pl-4">
1568                        <span class="text-white font-heading text-[10px] md:text-sm leading-none uppercase">in partnership with</span>
1569                        <svg class="w-28 md:w-32" xml:space="preserve" viewBox="0 0 1033.143 564.983"><path fill="white" d="m945.022 304.383-.004.004-4.762.004c-1.174 0-2.272.353-3.332 1.435-1.315 1.344-1.515 3.068-1.197 4.754 3.863 20.609 5.852 40.725 6.502 59.701h-59.77c-1.35 0-2.467.478-3.36 1.362-.94.93-1.521 2.114-1.52 4.058l.005 17.154c.002 3.414 2.352 5.32 5.188 5.32h59.437c-.444 13.108-1.468 25.43-2.867 36.454a407 407 0 0 1-3.687 23.545c-.258 2.058.286 3.354 1.281 4.457 1.188 1.19 2.573 1.474 4.205 1.473l5.93-.008 9.222.008a7.12 7.12 0 0 0 5.135-2.153c1.538-1.579 1.802-3.268 1.969-4.242a439 439 0 0 0 3.322-22.938c1.299-11.067 2.247-23.436 2.658-36.595h58.573c2.835 0 5.186-1.907 5.187-5.32l.006-17.155c0-1.944-.58-3.129-1.52-4.058-.893-.884-2.01-1.362-3.36-1.362H969.39a435 435 0 0 0-2.52-35.105 423 423 0 0 0-3.517-24.613c-.294-1.686-.876-3.366-2.61-4.715-1.147-.894-2.742-1.457-3.818-1.457l-8.045-.006-.033-.002-1.603.002ZM549.885 0c-38.79 0-76.722 4.76-113.297 13.936-30.606 7.678-59.885 18.451-87.611 32.093a420 420 0 0 0-29.126 15.792c-17.91 10.641-34.221 21.996-49.507 34.353a425 425 0 0 0-31.775 28.437c-6.168 6.113-11.86 12.058-17.838 18.74-.543.607-1.052 1.167-1.581 1.76-.94 1.052-2.07 2.674-1.512 4.903a4 4 0 0 0 1.133 1.903c1.028.904 2.222 1.119 3.299 1.036 1.275-.097 2.713-.852 3.518-1.457.54-.405 1.058-.875 1.554-1.384 1.835-1.881 3.518-3.735 5.29-5.572a408 408 0 0 1 9.758-9.76c12.62-12.223 28.385-25.555 45.583-37.759 9.311-6.607 19.094-13.016 29.737-19.268a420 420 0 0 1 46.005-23.3c18.429-7.932 36.318-14.086 53.13-18.857a444 444 0 0 1 37.374-8.889 469 469 0 0 1 34.083-5.228c17.588-2.05 35.136-3.012 52.691-3.012 40.719 0 82.301 5.48 122.245 16.66a433 433 0 0 1 42.196 14.164c17.78 7.012 34.143 14.715 51.612 24.508 32.19 18.045 60.875 39.977 86.712 66.054a368 368 0 0 1 32.785 37.907 360 360 0 0 1 28.593 44.478 357 357 0 0 1 12.033 24.354c6.853 15.307 10.934 27.816 10.934 27.816.431 1.185.753 1.682 1.265 2.456a6.63 6.63 0 0 0 5.262 2.632l16.643-.006c1.256 0 1.826-.255 2.508-.65.624-.362 1.494-1.196 1.882-2.098.455-1.057.576-2.475.162-3.771-5.987-17.899-14.165-36.692-23.851-54.756-15.092-28.147-37.983-62.582-71.35-95.34-29.466-28.929-59.166-49.298-83.968-63.525-30.828-17.684-63.534-31.457-98.213-41.39C636.466 5.997 593.089 0 549.885 0M473.517 382.362c.578.079.71.105 1.262.158 6.422.879 11.419 1.782 15.917 2.93 5.194 1.327 9.604 2.95 12.833 4.746 2.442 1.358 4.369 2.81 5.956 4.41.907.914 1.73 1.936 2.467 2.993 1.116 1.598 2.673 4.486 3.464 6.299a39 39 0 0 1 1.213 3.115 38.7 38.7 0 0 1 1.66 7.296c.543 4.202.496 8.148-.102 11.89-.614 3.846-1.93 9.508-6.378 15.457-3.79 5.068-9.082 9.12-15.299 12.104-7.489 3.626-15.396 5.423-23.308 6.333-14.795 1.629-30.949-1.312-44.179-7.884-4.223-2.125-7.906-4.313-11.21-6.772-3.219-2.395-6.276-5.128-8.553-8.247-3.598-4.93-4.958-9.283-4.93-13.635.025-4.126 1.34-7.877 3.334-10.684 2.277-3.435 5.958-5.91 10.14-7.645 7.058-2.928 15.748-3.744 22.76-3.497 8.515.315 23.808 2.97 31.902 5.834 2.234.814 10.485 4.02 11.93 5.492 1.025 1.025 1.682 2.523 1.235 3.89-1.865 5.675-15.583 8.645-19.524 9.223-10.
1569617 1.629-16.209-2.392-28.27-7.148-2.996-1.156-6.99-2.47-10.038-2.76-3.047-.277-6.454.073-9.054 1.471-2.65 1.425-4.058 3.799-4.016 6.36.04 2.407 1.936 4.601 5.89 6.334a53 53 0 0 0 5.083 1.903c4.341 1.36 8.378 1.915 12.997 1.972 9.053.152 18.641-.5 27.87-2.419 9.95-2.069 19.482-5.626 27.471-11.284 2.076-1.498 4.152-3.68 4.179-6.465.078-5.597-9.75-9.013-9.75-9.013-8.658-3.626-23.202-5.496-33.723-6.634-2.06-.223-3.964-.448-5.641-.623-1.867-.16-4.064-.355-6.178-.541-1.625-.144-3.105-.25-4.944-.387a434 434 0 0 1-5.51-.44 580 580 0 0 1-9.416-.905 128 128 0 0 1-8.054-1.124c-2.404-.422-4.822-.888-7.132-1.81-2.151-.86-4.34-2.256-6.075-4.104-1.527-1.626-2.695-3.549-3.066-5.48-1.787-7.042.5-15.744 4.415-21.394 10.3-14.768 34.371-20.361 52.345-22.568 17.397-2.182 45.54-2.155 62.647 6.937 2.628 1.393 3.995 2.733 3.443 5.545-1.13 5.308-5.098 8.724-9.933 10.222-5.046 1.603-15.53 2.223-20.13 2.512-20.601 1.157-45.54.536-65.169 5.897-1.524.446-4.178 1.156-5.045 2.128-1.646 1.787.04 2.895 2.268 3.6 1.637.517 3.737.868 6.561 1.288ZM625.476 438.177c-3.837 9.013-13.983 18.657-26.546 12.666-12.432-5.992-32.223-46.486-32.223-46.486s-7.517-15.11-8.936-14.716c0 0-1.63-2.943-2.629 13.56-1.025 16.423.21 48.456-6.36 53.502-6.203 5.045-13.72 3.048-17.636-2.865-3.522-5.833-4.994-19.656-3.075-43.936 2.286-24.334 7.937-50.218 15.165-58.285 7.202-7.989 12.984-2.181 15.244-.079 0 0 9.646 8.75 25.574 34.424l2.786 4.757s14.455 24.254 15.98 24.202c0 0 1.183 1.103 2.234.289 1.524-.42.894-8.199.894-8.199s-2.997-26.436-16.164-71.187c0 0-1.998-5.571-.658-10.8 1.34-5.282 6.624-2.812 6.624-2.812s20.448 10.274 30.383 43.569c9.856 33.294 3.233 63.33-.657 72.396M739.398 365.279c-14.453 3.338-52.477 5.178-52.477 5.178l-4.809 15.034s18.999-1.63 32.848-.184c0 0 4.467-.526 4.992 5.099.184 5.23-.446 10.829-.446 10.829s-.29 3.39-5.098 4.257c-5.203.894-40.968 2.26-40.968 2.26l-5.781 19.582s-2.155 4.547 2.68 3.233c4.468-1.183 41.94-8.227 46.802-7.202 5.255 1.288 11.036 8.253 9.355 14.614-1.998 7.885-39.391 31.724-62.148 30.068 0 0-11.983.762-22.1-15.376-9.407-15.402 3.574-44.55 3.574-44.55s-5.939-13.589-1.63-18.215c0 0 2.576-2.313 10.065-2.838l9.145-18.977s-10.432.71-16.634-6.965c-5.807-7.28-6.28-10.618-1.84-12.642 4.73-2.34 48.22-10.277 78.125-9.278 0 0 10.406-1.025 19.42 17.031 0 0 4.362 7.28-3.075 9.042M837.725 375.49s-.141-1.108-.682-2.219c-1.142-2.344-4.064-4.7-11.196 3.323-9.013 9.96-25.306 28.67-38.418 54.08 13.77-1.55 27.04-9.013 31.034-12.823 3.845-3.412 10.71-10.272 15.19-19.616 2.471-5.154 4.237-11.064 4.35-17.568a39 39 0 0 0-.278-5.177m7.226 42.784c-9.302 16.24-35.58 50.214-70.477 42.2-4.291 10.39-8.324 20.831-11.983 32.025-6.177 18.9-11.316 39.947-14.799 66.517 0 0-1.208 8.225-8.04 5.36-5.366-1.87-13.48-9.322-17.739-20.06a39.5 39.5 0 0 1-2.412-9.038c-.606-5.075-.528-11.115.26-17.788 1.418-11.99 5.032-26.336 10.642-42.243 3.86-10.947 8.673-22.632 14.376-34.797-5.413-8.83-9.118-21.443-5.965-39.391 0 0 1.53-10.963 9.154-25.984 5.673-11.176 14.725-24.6 29.008-37.425 0 0 4.02-3.476 6.332-2.398 2.575 1.077 1.414 11.91-.636 17.193-2.102 5.255-17.028 31.086-17.028 31.086s-9.302 17.423-6.674 31.166c8.17-12.543 21.146-31.024 35.202-45.488 12.13-12.481 25.059-21.981 36.353-22.085 6.571-.06 13.086 3.126 17.522 11.286 3.604 6.633 5.313 15.538 5.313 24.832 0 12.246-2.943 25.31-8.409 35.032M360.717 318.843s-2.66 4.794-3.29 5.681c-.295.48-1.263 1.81-2.454 2.828-.922.789-1.914 1.343-3.234 1.464-1.36.125-2.74-.38-4.218-1.611-3.548-3.154-5.577-7.965-5.735-12.695-.079-2.076.259-4.362-.135-6.097-.346-1.547-1.315-3.137-2.386-4.706-.965-1.416-2.014-2.763-2.761-4.097a29 29 0 0 1-1.65-3.469c-1.401-3.487-1.784-6.566-1.924-9.405-.631-11.614 5.492-22.396 13.454-30.831 8.041-8.567 18.426-15.602 29.831-20.437 10.8-4.546 26.693-7.647 38.544-3.548 3.863 1.34 9.224 4.625 11.93 8.042.579.735 1.052 1.497 1.63 1.865.526.342 1.892.473 2.996.683 3.784.657 9.223 3.522 11.457 5.414 4.44 3.863 6.885 7.542 8.015 12.876 1.065 5.009.198 10.69-1.82 15.756-2.138 5.363-5.517 10.275-9.138 13.964-12.062 12.351-23.992 21.05-39.444 27.093-4.926 1.929-11.53 3.515-16.694 4.117-2.722.317-5.27.415-7.729.316-2.711-.108-5.412-.465-7.7-.885 0 0-5.696-1.16-7.545-2.318m25.629-18.844c6.153-.595 11.518-1.688 16.47-3.256a61 61 0 0 0 7.992-3.197c5.715-2.752 11.545-6.763 15.253-10.124 1.964-1.781 3.665-3.606 5.016-5.408 2.693-3.593 4.29-7.644 3.785-11.906-.42-3.574-2.759-6.28-5.728-7.542-6.564-2.857-13.973.536-19.341 3.64-3.86 2.242-9.704 6.558-15.149 11.196-6.447 5.493-12.587 11.722-16.437 16.7-2.184 2.98-4.413 5.923-6.442 9.01.312.859 7.49 1.259 11.458.996m-32.342-9.757c2.098-3.321 4.544-6.57 6.892-9.631 2.603-3.394 7.116-8.504 8.883-10.375 3.933-4.164 8.119
1569-8.225 11.715-11.306 2.155-1.813 4.596-3.887 4.596-3.887s-1.723.031-3.956.478c-1.082.21-2.985.71-4.533 1.28-1.886.693-3.435 1.34-4.803 2.032-4.264 2.156-7.971 5.072-9.705 6.558-3.218 2.768-6.624 6.397-8.783 10.328-1.257 2.29-2.121 4.711-2.274 7.095a11.1 11.1 0 0 0 .783 4.89 47 47 0 0 0 1.185 2.538M374.5 342.682c.473.08 1.182.29 1.813.526 5.413 2.05 7.647 7.069 8.987 12.587 3.074 12.771 4.388 41.046 4.914 52.11.368 8.303.578 16.476.92 24.7.289 6.938.867 16.188-.579 22.705-.525 2.339-2.102 5.072-4.362 6.464-2.549 1.656-8.409 1.787-11.64 1.104-7.91-1.63-10.486-6.727-11.616-14.558-2.706-18.71-1.392-55.447.184-70.924.526-5.125 2.444-21.522 5.124-28.38.92-2.34 2.865-6.99 6.255-6.334M83.516 207.787c-6.311-.091-17.711-.02-30.817 1.629-9.008 1.133-18.363 2.88-26.96 5.26-4.76 1.288-8.731 2.863-12.177 5.114-3.934 2.57-7.165 6.002-9.757 10.555-2.417 4.257-4.693 8.944-3.458 13.674 1.051 3.994 6.476 5.31 11.376 6.136 4.415.684 14.426 1.204 17.08-2.028.748-.778 1.085-2.984.078-4.441-.998-1.761-3.52-3.028-5.937-3.475-2.04-.372-5.468-.713-7.607-1.017-1.473-.21-2.24-.464-2.635-.674a1.5 1.5 0 0 1-.258-.169c-.11-.093-.123-.197-.123-.197s.038-.102.128-.192c.115-.115.285-.273.456-.398 1.698-1.1 7.157-2.648 8.544-3.002 6.244-1.732 15.85-2.757 23.697-3.165 7.753-.404 15.62-.405 22.05-.167 25.98.829 51.165 5.01 76.428 12.22 13.692 3.908 27.663 8.772 42.457 14.577 20.788 8.242 42.132 19.52 61.826 33.395 17.455 12.297 33.022 26.234 45.095 41.637 7.308 9.415 16.062 23.604 20.431 37.382 1.486 4.684 2.753 10.054 2.888 16.389.131 6.139-.804 13.205-3.452 20.158-4.981 13.077-15.494 25.282-32.813 34.334-6.4 3.345-13.739 6.28-22.063 8.65-8.982 2.556-18.242 4.196-27.458 5.192-10.873 1.176-21.731 1.428-32.778 1.135-1.551-.04-4.824-.235-8.54-.572-9.467-.859-18.08-2.336-23.025-3.268l-1.705-79.988c12.4.187 26.036 1.647 38.9 3.89 7.184 1.252 19.307 3.681 34.265 8.508 3 1.015 6.577 3.19 6.866 6.37.116 1.348-.365 2.525-1.216 3.667-2.25 3.02-5.943 5.275-9.065 6.791-1.88.913-3.516 1.597-4.264 2.44-.815 1.103-.878 2.682.252 3.576 1.547 1.222 3.968 2.086 6.425 2.646 12.4 2.825 20.664-2.736 25.469-8.02 5.2-5.717 6.687-10.15 7.178-14.792.842-7.964-2.796-14.205-4.633-16.79-4.563-6.422-11.575-10.74-17.228-13.445-12.813-6.13-27.437-9.287-34.86-10.608-9.444-1.68-21.464-3.04-35.349-3.32-6.462-.13-12.96.184-12.96.184s-.264-10.852-.737-18.052c-.789-11.852-4.072-35.108-14.846-41.809-1.97-1.209-4.39-1.34-5.756.5-2.102 2.733-4.152 13.14-4.625 15.82-.45 2.553-.917 5.77-1.358 9.185-.694 5.368-1.28 11.354-1.672 16.2-.219 2.697-.819 11.498-.935 20.797-.131.131-.318.337-.502.469 0 0-4.846.73-11.037 1.962-20.365 4.051-34.505 9.684-40.047 12.116-9.906 4.336-24.119 11.997-28.433 22.047-1 2.486-1.42 4.045-1.539 6.581-.261 5.603 1.801 10.535 3.562 13.671 4.673 8.822 14.031 18.337 21.897 25.431 5.677 5.12 13.945 11.49 20.597 16.034 5.42 3.703 9.513 6.314 13.299 8.543a169 169 0 0 0 13.148 7.007c2.387 1.137 5.325 2.572 8.028 3.854 0 0 .402 3.79.93 8.129.534 4.649 1.004 9.363 2.855 13.709.708 1.58 1.525 2.987 2.64 4.236 3.102 3.47 6.592 4.195 8.05 4.459 2.961.537 5.78.245 8.754-.314 1.232-.23 2.496-.663 3.472-1.17 1.637-.85 2.905-2.128 3.778-3.955 1.313-2.628 1.786-6.818 1.822-7.354.163-2.408.049-5.115.049-5.115s9.557 2.273 16.232 3.482c10.948 1.928 21.46 3.076 33.928 3.268 15.045.232 31.096-1.703 48.287-5.852 10.39-2.507 20.274-5.826 29.932-10.308 8.957-4.158 16.966-9.113 23.914-14.848 5.217-4.307 10.658-9.723 15.9-17.168 1.491-2.118 2.811-4.169 3.787-5.86.3-.519 1.132-1.737 2.234-3.599 3.064-5.177 6.867-13.175 8.85-23.363.533-3.023.918-5.994 1.107-8.967.732-13.005-1.909-26.112-6.998-38.07-1.142-2.808-5.216-12.759-13.975-25.369-7.641-11-16.527-21.227-25.822-30.505-6.177-6.164-10.865-10.479-18.827-17.158-11.276-9.354-22.031-16.386-25.342-18.567-10.934-7.164-23.59-14.199-34.695-19.566-17.897-8.65-35.385-15.283-52.805-20.677a432 432 0 0 0-16.703-4.802c-10.447-2.779-26.262-6.598-43.024-8.747-10.14-1.3-19.902-1.968-28.125-2.086m49.77 165.975s-.264 11.826-.317 23.783c-.057 12.349.089 24.821.233 33.612.12 7.334.24 12.106.24 12.106s-8.521-2.788-12.928-4.988a171.6 171.6 0 0 1-23.145-12.134c-9.3-5.809-17.109-11.736-24.4-18.279-1.492-1.339-4.123-3.876-5.446-5.214-3.34-3.3
156911-6.696-6.671-5.9-11.173.605-3.443 7.971-6.708 10.801-7.49 6.734-1.92 13.535-3.665 20.737-5.136 7.654-1.564 15.06-2.77 20.38-3.353 7.34-1.121 19.745-1.734 19.745-1.734"/></svg>
1570                    </div>
1571                </div>
1572            </div>
1573        
1574
1575        <div x-data="{ market_open: false }" class="relative inline-block">
1576    <button @click="market_open = !market_open" type="button" class="flex items-center gap-2 rounded-full px-4 py-1.5 bg-brand-lightbeige text-brand-red hover:opacity-90 transition cursor-pointer">
1577        <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="h-4 w-4 shrink-0" viewBox="0 0 32 31"><path fill="#e95e41" d="m29.75 15.75-14 .5-14-.5v-1h28z"/><path fill="#e95e41" stroke="#e95e41" d="M29.25 9.732v.5L15.768 9.75h-.036l-13.482.481v-.499l13.5-.482zM3.253 20.694v-.378l11.981.43h.034l13.009-.414-.295.428-12.238.488z"/><mask id="a" width="10" height="29" x="11" y="1" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" stroke="#fff" d="M11.75 1.75h8.451v27H11.75z"/></mask><g mask="url(#a)"><path fill="#e95e41" stroke="#e95e41" d="M15.977 1.75c1.248 0 2.333 1.578 3.078 4.127.703 2.407 1.137 5.721 1.137 9.375 0 3.652-.434 6.967-1.137 9.373-.745 2.55-1.83 4.128-3.078 4.128s-2.333-1.577-3.078-4.128c-.703-2.405-1.137-5.72-1.137-9.373 0-3.654.434-6.968 1.137-9.375.745-2.55 1.83-4.127 3.078-4.127Zm2.326 4.378c-.638-2.183-1.464-3.534-2.326-3.534s-1.688 1.35-2.326 3.534c-.68 2.328-1.1 5.553-1.1 9.124 0 3.57.42 6.795 1.1 9.123.638 2.184 1.464 3.534 2.326 3.534s1.688-1.35 2.326-3.534c.68-2.328 1.1-5.553 1.1-9.123 0-3.571-.42-6.796-1.1-9.124Z"/></g><mask id="b" width="22" height="30" x="5" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" stroke="#fff" stroke-width=".6" d="M26.05.45v28.6H5.45V.45z"/></mask><g mask="url(#b)"><path fill="#e95e41" stroke="#e95e41" stroke-width=".6" d="M15.75.45c2.92 0 5.518 1.727 7.367 4.45 1.818 2.678 2.933 6.352 2.933 10.388S24.935 23 23.117 25.677c-1.849 2.723-4.447 4.45-7.367 4.45s-5.518-1.727-7.367-4.45C6.565 22.999 5.45 19.324 5.45 15.288S6.565 7.578 8.383 4.9C10.232 2.177 12.83.45 15.75.45Zm0 1.509c-2.36 0-4.541 1.424-6.154 3.8-1.643 2.42-2.67 5.787-2.67 9.53s1.027 7.11 2.67 9.53c1.613 2.375 3.795 3.8 6.154 3.8s4.541-1.425 6.154-3.8c1.643-2.42 2.67-5.788 2.67-9.53 0-3.743-1.027-7.11-2.67-9.53-1.613-2.376-3.795-3.8-6.154-3.8Z"/></g><path stroke="#e95e41" stroke-width="1.5" d="M15.75.75c4.142 0 7.892 1.623 10.606 4.247 2.715 2.624 4.394 6.25 4.394 10.253s-1.68 7.63-4.394 10.253-6.464 4.247-10.606 4.247-7.892-1.623-10.607-4.247S.75 19.254.75 15.25 2.43 7.621 5.143 4.997C7.858 2.373 11.608.75 15.75.75Zm9.944 4.888c-2.545-2.46-6.06-3.982-9.944-3.982-3.883 0-7.399 1.522-9.943 3.982-2.545 2.46-4.12 5.858-4.12 9.612s1.575 7.152 4.12 9.612 6.06 3.982 9.943 3.982 7.399-1.522 9.944-3.982c2.544-2.46 4.118-5.858 4.118-9.612s-1.574-7.152-4.119-9.612Z"/></svg>
1578        <span class="text-sm">UK</span>
1579        <svg :class="{ 'rotate-180': market_open }" class="w-3.5 h-3.5 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1580            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
1581        </svg>
1582    </button>
1583
1584    <div x-cloak x-show="market_open" @click.away="market_open = false"
1585        x-transition:enter="transition ease-out duration-150"
1586        x-transition:enter-start="opacity-0"
1587        x-transition:enter-end="opacity-100"
1588        x-transition:leave="transition ease-in duration-100"
1589        x-transition:leave-start="opacity-100"
1590        x-transition:leave-end="opacity-0"
1591        class="absolute left-0 min-w-full flex flex-col gap-1 rounded-xl bg-brand-lightbeige text-brand-red py-2 px-4 shadow-lg z-10 top-full mt-2">
1592        <a href="/us/locations" class="text-sm hover:opacity-80 transition whitespace-nowrap">
1593            US
1594        </a>
1595        <a href="/uk/locations" class="text-sm hover:opacity-80 transition whitespace-nowrap">
1596            UK
1597        </a>
1598    </div>
1599</div>
1600
1601    </div>
1602
1603    <div class="grid grid-cols-1 md:grid-cols-5 gap-10 md:gap-12 items-start">
1604        
1605        <div class="order-2 md:order-1 md:col-span-2">
1606            <div class="klaviyo-form-T8H45A"></div>
1607        </div>
1608        
1609        <div class="order-1 md:order-2 md:col-span-3">
1610            <div class="grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-12">
1611
1612    
1613    <div>
1614        <a href="/us/locations" class="inline-flex items-center flex-wrap gap-x-2 gap-y-1 text-sm font-bold tracking-wider up
1614percase mb-5 hover:opacity-90 transition">
1615            <span>United States</span>
1616            <svg viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 shrink-0 text-brand-darklavender" aria-hidden="true">
1617                <path d="M27.8682 10.6334L24.9306 10.283C23.97 10.1677 23.4711 9.10518 24.0117 8.323L25.6638 5.93127C26.4017 4.862 25.216 3.52823 24.0233 4.0866L21.3573 5.33899C20.4848 5.74816 19.4755 5.11745 19.4964 4.17477L19.559 1.29248C19.5869 0.00392437 17.8489 -0.493411 17.1575 0.60525L15.6098 3.06254C15.104 3.86732 13.9044 3.86732 13.3985 3.06254L11.8509 0.60525C11.1594 -0.493411 9.42146 0.00392437 9.4493 1.29248L9.51196 4.17477C9.53284 5.11745 8.52349 5.75042 7.65104 5.33899L4.98497 4.0866C3.79232 3.52597 2.60663 4.85974 3.34449 5.93127L4.99657 8.323C5.53721 9.10518 5.03834 10.1677 4.07772 10.283L1.14017 10.6334C-0.173141 10.7893 -0.4307 12.5368 0.782837 13.0477L3.49996 14.1893C4.38865 14.5623 4.56035 15.7198 3.81552 16.3211L1.53927 18.1635C0.520641 18.9863 1.27475 20.5936 2.57878 20.3834L5.49777 19.9132C6.45375 19.7595 7.23803 20.6411 6.94566 21.5408L6.05233 24.2898C5.65323 25.5195 7.17769 26.4735 8.1592 25.6077L10.3542 23.6749C11.0712 23.0419 12.2221 23.3719 12.475 24.283L13.2477 27.0658C13.5934 28.3114 15.4056 28.3114 15.7513 27.0658L16.524 24.283C16.7769 23.3719 17.9278 23.0442 18.6448 23.6749L20.8398 25.6077C21.8213 26.4735 23.3458 25.5173 22.9467 24.2898L22.0534 21.5408C21.761 20.6411 22.5453 19.7595 23.5013 19.9132L26.4203 20.3834C27.7266 20.5936 28.4784 18.9886 27.4598 18.1635L25.1835 16.3211C24.4387 15.7175 24.6081 14.5623 25.4991 14.1893L28.2162 13.0477C29.4321 12.5368 29.1722 10.7893 27.8589 10.6334H27.8682Z" fill="currentColor"/>
1618            </svg>
1619            <span>8 Cities</span>
1620            <svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 shrink-0 text-brand-sunrise" aria-hidden="true">
1621                <path d="M14 3.5C14 1.567 12.433 0 10.5 0C8.567 0 7 1.567 7 3.5C7 1.567 5.433 0 3.5 0C1.567 0 0 1.567 0 3.5C0 5.433 1.567 7 3.5 7C1.567 7 0 8.567 0 10.5C0 12.433 1.567 14 3.5 14C5.433 14 7 12.433 7 10.5C7 12.433 8.567 14 10.5 14C12.433 14 14 12.433 14 10.5C14 8.56746 12.4337 7.00073 10.5014 7C12.4337 6.99927 14 5.43254 14 3.5Z" fill="currentColor"/>
1622            </svg>
1623            <span>8 Venues</span>
1624        </a>
1625
1626        <div class="grid grid-cols-2 md:grid-cols-3 gap-x-6 gap-y-6">
1627            
1628            <div>
1629                <a href="/us/chicago" class="block text-sm font-bold mb-1 hover:underline">Chicago</a>
1630                <ul class="space-y-1">
1631                    
1632                    <li>
1633                        <a href="/us/chicago/fulton-market" class="text-sm text-brand-white font-light hover:underline">Fulton Market, Chicago</a>
1634                    </li>
1635                    
1636                </ul>
1637            </div>
1638            
1639            <div>
1640                <a href="/us/fort-worth" class="block text-sm font-bold mb-1 hover:underline">Fort Worth</a>
1641                <ul class="space-y-1">
1642                    
1643                    <li>
1644                        <a href="/us/fort-worth/downtown-fort-worth" class="text-sm text-brand-white font-light hover:underline">Downtown, Fort Worth</a>
1645                    </li>
1646                    
1647                </ul>
1648            </div>
1649            
1650            <div>
1651                <a href="/us/houston" class="block text-sm font-bold mb-1 hover:underline">Houston</a>
1652                <ul class="space-y-1">
1653                    
1654                    <li>
1655                        <a href="/us/houston/uptown" class="text-sm text-brand-white font-light hover:underline">Uptown, Houston</a>
1656                    </li>
1657                    
1658                </ul>
1659            </div>
1660            
1661            <div>
1662                <a href="/us/kansas-city" class="block text-sm font-bold mb-1 hover:underline">Kansas City</a>
1663                <ul class="space-y-1">
1664                    
1665                    <li>
1666                        <a href="/us/kansas-city/crossroads-kansas-city" class="text-sm text-brand-white font-light hover:underline">Crossroads, Kansas City</a>
1667                    </li>
1668                    
1669                </ul>
1670            </div>
1671            
1672            <div>
1673                <a href="/us/los-angeles" class="block text-sm font-bold mb-1 hover:underline">Los Angeles</a>
1674                <ul class="space-y-1">
1675                    
1676                    <li>
1677                        <a href="/us/los-angeles/dtla" class="text-sm text-brand-white font-light hover:underline">DTLA, Los Angeles</a>
1678                    </li>
1679                    
1680                </ul>
1681            </div>
1682            
1683            <div>
1684                <a href="/us/miami-beach" class="block text-sm font-bold mb-1 hover:underline">Miami Beach</a>
1685                <ul class="space-y-1">
1686                    
1687                    <li>
1688                        <a href="/us/miami-beach/south-beach" class="text-sm text-brand-white font-light hover:underline">South Beach, Miami</a>
1689                    </li>
1690                    
1691                </ul>
1692            </div>
1693            
1694            <div>
1695                <a href="/us/new-york" class="block text-sm font-bold mb-1 hover:underline">New York</a>
1696                <ul class="space-y-1">
1697                    
1698                    <li>
1699                        <a href="/us/new-york/midtown" class="text-sm text-brand-white font-light hover:underline">Midtown, New York</a>
1700                    </li>
1701                    
1702                </ul>
1703            </div>
1704            
1705            <div>
1706                <a href="/us/san-diego" class="block text-sm font-bold mb-1 hover:underline">San Diego</a>
1707                <ul class="space-y-1">
1708                    
1709                    <li>
1710                        <a href="/us/san-diego/little-italy" class="text-sm text-brand-white font-light hover:underline">Little Italy, San Diego</a>
1711                    </li>
1712                    
1713                </ul>
1714            </div>
1715            
1716        </div>
1717    </div>
1718    
1719
1720    
1721    <div>
1722        <a href="/uk/locations" class="inline-flex items-center flex-wrap gap-x-2 gap-y-1 text-sm font-bold tracking-wider uppercase mb-5 hover:opacity-90 transition">
1723            <span>United Kingdom</span>
1724            <svg viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 shrink-0 text-brand-blue" aria-hidden="true">
1725                <path d="M27.8682 10.6334L24.9306 10.283C23.97 10.1677 23.4711 9.10518 24.0117 8.323L25.6638 5.93127C26.4017 4.862 25.216 3.52823 24.0233 4.0866L21.3573 5.33899C20.4848 5.74816 19.4755 5.11745 19.4964 4.17477L19.559 1.29248C19.5869 0.00392437 17.8489 -0.493411 17.1575 0.60525L15.6098 3.06254C15.104 3.86732 13.9044 3.86732 13.3985 3.06254L11.8509 0.60525C11.1594 -0.493411 9.42146 0.00392437 9.4493 1.29248L9.51196 4.17477C9.53284 5.11745 8.52349 5.75042 7.65104 5.33899L4.98497 4.0866C3.79232 3.52597 2.60663 4.85974 3.34449 5.93127L4.99657 8.323C5.53721 9.10518 5.03834 10.1677 4.07772 10.283L1.14017 10.6334C-0.173141 10.7893 -0.4307 12.5368 0.782837 13.0477L3.49996 14.1893C4.38865 14.5623 4.56035 15.7198 3.81552 16.3211L1.53927 18.1635C0.520641 18.9863 1.27475 20.5936 2.57878 20.3834L5.49777 19.9132C6.45375 19.7595 7.23803 20.6411 6.94566 21.5408L6.05233 24.2898C5.65323 25.5195 7.17769 26.4735 8.1592 25.6077L10.3542 23.6749C11.0712 23.0419 12.2221 23.3719 12.475 24.283L13.2477 27.0658C13.5934 28.3114 15.4056 28.3114 15.7513 27.0658L16.524 24.283C16.7769 23.3719 17.9278 23.0442 18.6448 23.6749L20.8398 25.6077C21.8213 26.4735 23.3458 25.5173 22.9467 24.2898L22.0534 21.5408C21.761 20.6411 22.5453 19.7595 23.5013 19.9132L26.4203 20.3834C27.7266 20.5936 28.4784 18.9886 27.4598 18.1635L25.1835 16.3211C24.4387 15.7175 24.6081 14.5623 25.4991 14.1893L28.2162 13.0477C29.4321 12.5368 29.1722 10.7893 27.8589 10.6334H27.8682Z" fill="currentColor"/>
1726            </svg>
1727            <span>1 City</span>
1728            <svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 shrink-0 text-brand-darkpink" aria-hidden="true">
1729                <path d="M14 3.5C14 1.567 12.433 0 10.5 0C8.567 0 7 1.567 7 3.5C7 1.567 5.433 0 3.5 0C1.567 0 0 1.567 0 3.5C0 5.433 1.567 7 3.5 7C1.567 7 0 8.567 0 10.5C0 12.433 1.567 14 3.5 14C5.433 14 7 12.433 7 10.5C7 12.433 8.567 14 10.5 14C12.433 14 14 12.433 14 10.5C14 8.56746 12.4337 7.00073 10.5014 7C12.4337 6.99927 14 5.43254 14 3.5Z" fill="currentColor"/>
1730            </svg>
1731            <span>2 Venues</span>
1732        </a>
1733
1734        <div class="grid grid-cols-2 md:grid-cols-3 gap-x-6 gap-y-6">
1735            
1736            <div>
1737                <a href="/uk/london" class="block text-sm font-bold mb-1 hover:underline">London</a>
1738                <ul class="space-y-1">
1739                    
1740                    <li>
1741                        <a href="/uk/london/peckham" class="text-sm text-brand-white font-light hover:underline">Peckham, London</a>
1742                    </li>
1743                    
1744                    <li>
1745                        <a href="/uk/london/stratford" class="text-sm text-brand-white font-light hover:underline">Stratford, London</a>
1746                    </li>
1747                    
1748                </ul>
1749            </div>
1750            
1751        </div>
1752    </div>
1753    
1754
1755</div>
1756
1757        </div>
1758    </div>
1759
1760    <nav class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 mt-16">
1761
1762        <div>
1763            
1764            
1765            <h4 class="flex items-center gap-2 text-lg font-light mb-3">
1766                <a href="/uk/whats-on" class="flex items-center gap-2 hover:underline">
1767                    <span>GET TICKETS</span>
1768                    <svg class="w-5 h-5 shrink-0 text-brand-blue" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1769    <path d="M27 6.75C27 3.02208 23.9779 0 20.25 0C16.5221 0 13.5 3.02208 13.5 6.75C13.5 3.02208 10.4779 0 6.75 0C3.02208 0 0 3.02208 0 6.75C0 10.4779 3.02208 13.5 6.75 13.5C3.02208 13.5 0 16.5221 0 20.25C0 23.9779 3.02208 27 6.75 27C10.4779 27 13.5 23.9779 13.5 20.25C13.5 23.9779 16.5221 27 20.25 27C23.9779 27 27 23.9779 27 20.25C27 16.523 23.9794 13.5014 20.2527 13.5C23.9794 13.4986 27 10.477 27 6.75Z" fill="currentColor"/>
1770    <path d="M9 14H19" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
1771    <path d="M15 10L19 14L15 18" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
1772</svg>
1773
1774                </a>
1775            </h4>
1776            <ul class="text-brand-white font-light space-y-2">
1777                <li>
1778                    <a href="/uk/whats-on" class="hover:underline">what's on</a>
1779                </li>
1780                <li>
1781                    <a href="/uk/events" class="hover:underline">events</a>
1782                </li>
1783                <li>
1784                    <a href="/uk/seasons" class="hover:underline">seasons</a>
1785                </li>
1786                
1787            </ul>
1788        </div>
1789
1790        <div>
1791            <h4 class="flex items-center gap-2 text-lg font-light mb-3">
1792                <a href="/uk/gift-cards" class="flex items-center gap-2 hover:underline">
1793                    <span>GIFT CARDS</span>
1794                    <svg class="w-5 h-5 shrink-0 text-brand-darklavender" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1795    <path d="M27 6.75C27 3.02208 23.9779 0 20.25 0C16.5221 0 13.5 3.02208 13.5 6.75C13.5 3.02208 10.4779 0 6.75 0C3.02208 0 0 3.02208 0 6.75C0 10.4779 3.02208 13.5 6.75 13.5C3.02208 13.5 0 16.5221 0 20.25C0 23.9779 3.02208 27 6.75 27C10.4779 27 13.5 23.9779 13.5 20.25C13.5 23.9779 16.5221 27 20.25 27C23.9779 27 27 23.9779 27 20.25C27 16.523 23.9794 13.5014 20.2527 13.5C23.9794 13.4986 27 10.477 27 6.75Z" fill="currentColor"/>
1796    <path d="M9 14H19" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
1797    <path d="M15 10L19 14L15 18" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
1798</svg>
1799
1800                </a>
1801            </h4>
1802        </div>
1803
1804        <div>
1805            <h4 class="flex items-center gap-2 text-lg font-light mb-3">
1806                <span>ESSENTIALS</span>
1807            </h4>
1808            <ul class="text-brand-white font-light space-y-2">
1809                <li>
1810                    <a href="/uk/about" class="hover:underline">about</a>
1811                </li>
1812                <li>
1813                    <a href="https://contact.rooftopcinemaclub.com/hc/en-us/" class="hover:underline">FAQs</a>
1814                </li>
1815                <li>
1816                    <a href="/uk/terms-conditions" class="hover:underline">t & c</a>
1817                </li>
1818                <li>
1819                    <a href="/uk/privacy" class="hover:underline">privacy</a>
1820                </li>
1821                <li>
1822                    <a href="https://contact.rooftopcinemaclub.com/hc/en-us/requests/new" class="hover:underline">contact</a>
1823                </li>
1824            </ul>
1825        </div>
1826
1827        <div>
1828            <h4 class="flex items-center gap-2 text-lg font-light mb-3">
1829                <span>MORE AT ROOFTOP</span>
1830            </h4>
1831            <ul class="text-brand-white font-light space-y-2">
1832                <li>
1833                    <a href="/uk/private-events" class="hover:underline">private events</a>
1834                </li>
1835                <li>
1836                    <a href="/uk/brand-partnerships" class="hover:underline">brand partnerships</a>
1837                </li>
1838                <li>
1839                    <a href="/uk/real-estate" class="hover:underline">real estate</a>
1840                </li>
1841            </ul>
1842        </div>
1843
1844    </nav>
1845
1846    
1847
1848    <div class="mt-12">
1849    <hr class="border-brand-white/40 mb-6"/>
1850    <div class="flex flex-col md:flex-row md:justify-between gap-6 text-xs text-brand-white font-light items-start md:items-center">
1851        <span>© Copyright 2026</span>
1852        <span>Website by Experience Ticketing</span>
1853    </div>
1854</div>
1855
1856</footer>
1857
1858
1859        <div
1860    x-cloak
1861    x-show="menu_open"
1862    x-transition:enter="transition ease-out duration-300"
1863    x-transition:enter-start="opacity-0"
1864    x-transition:enter-end="opacity-100"
1865    x-transition:leave="transition ease-in duration-200"
1866    x-transition:leave-start="opacity-100"
1867    x-transition:leave-end="opacity-0"
1868    @keydown.escape.window="menu_open = false"
1869    id="primary-menu"
1870    class="fixed inset-0 z-[100]"
1871>
1872    <div @click="menu_open = false" class="absolute inset-0 bg-black/40 hidden md:block"></div>
1873
1874    <div
1875        x-show="menu_open"
1876        x-transition:enter="transition ease-out duration-300"
1877        x-transition:enter-start="translate-x-8 opacity-0"
1878        x-transition:enter-end="translate-x-0 opacity-100"
1879        x-transition:leave="transition ease-in duration-200"
1880        x-transition:leave-start="translate-x-0 opacity-100"
1881        x-transition:leave-end="translate-x-8 opacity-0"
1882        class="absolute inset-y-0 right-0 w-full md:w-[700px] lg:w-[780p
1882x] bg-brand-red text-brand-white overflow-y-auto"
1883    >
1884        <div class="min-h-screen flex flex-col px-8 sm:px-12 lg:px-12 pt-8 pb-12">
1885            <div class="flex items-baseline gap-4 mb-8" x-data="{ customer: window.app?.customer }">
1886                <template x-if="customer">
1887                    <div class="flex items-center gap-4 text-sm min-w-0">
1888                        <span class="flex items-baseline gap-1 font-semibold min-w-0">
1889                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0 self-center" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
1890                                <path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
1891                            </svg>
1892                            <span class="truncate" x-text="`${customer.first_name} ${customer.last_name}`"></span>
1893                        </span>
1894                        <div class="flex items-center shrink-0">
1895                            <a href="/uk/account" class="border-b border-brand-white/50 hover:opacity-80 transition">my account</a>
1896                        </div>
1897                    </div>
1898                </template>
1899
1900                <template x-if="!customer">
1901                    <div class="flex items-center gap-2 text-sm">
1902                        <a href="/uk/account/login" class="border-b border-brand-white/50 hover:opacity-80 transition">log in</a>
1903                        <span class="flex items-center gap-4 shrink-0">or</span>
1904                        <a href="/uk/account/register" class="border-b border-brand-white/50 hover:opacity-80 transition">sign up</a>
1905                    </div>
1906                </template>
1907
1908                <button
1909                    @click="menu_open = false"
1910                    type="button"
1911                    class="ml-auto shrink-0 w-10 h-10 flex items-center justify-center text-brand-lavender hover:opacity-80 transition cursor-pointer"
1912                >
1913                    <svg xmlns="http://www.w3.org/2000/svg" width="27" height="27">
1914                        <g clip-path="url(#modal-close-a)">
1915                            <path fill="#C7A2F9" d="M27 6.75a6.75 6.75 0 0 0-13.5 0 6.75 6.75 0 1 0-6.75 6.75 6.75 6.75 0 1 0 6.75 6.75 6.75 6.75 0 1 0 6.753-6.75A6.75 6.75 0 0 0 27 6.75Z"/>
1916                        </g>
1917                        <g stroke="#F9F4EE" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" clip-path="url(#modal-close-b)">
1918                            <path d="m18 9.5-9 9M18 18.5l-9-9"/>
1919                        </g>
1920                        <defs>
1921                            <clipPath id="modal-close-a"><path fill="#fff" d="M0 0h27v27H0z"/></clipPath>
1922                            <clipPath id="modal-close-b"><path fill="#fff" d="M5.5 6h16v16h-16z"/></clipPath>
1923                        </defs>
1924                    </svg>
1925                </button>
1926            </div>
1927
1928            <div class="flex-1 flex flex-col md:flex-row gap-8 md:gap-24 lg:gap-32 items-start justify-start">
1929                <div>
1930                    <nav class="flex flex-col gap-8">
1931
1932                        
1933                        
1934                        <a href="/uk/whats-on" class="flex items-center gap-3 hover:opacity-80 transition">
1935                            <span class="text-3xl sm:text-4xl font-extrabold leading-tight tracking-tight">GET TICKETS</span>
1936                            <svg class="w-8 h-8 sm:w-10 sm:h-10 shrink-0 text-brand-blue" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1937    <path d="M27 6.75C27 3.02208 23.9779 0 20.25 0C16.5221 0 13.5 3.02208 13.5 6.75C13.5 3.02208 10.4779 0 6.75 0C3.02208 0 0 3.02208 0 6.75C0 10.4779 3.02208 13.5 6.75 13.5C3.02208 13.5 0 16.5221 0 20.25C0 23.9779 3.02208 27 6.75 27C10.4779 27 13.5 23.9779 13.5 20.25C13.5 23.9779 16.5221 27 20.25 27C23.9779 27 27 23.9779 27 20.25C27 16.523 23.9794 13.5014 20.2527 13.5C23.9794 13.4986 27 10.477 27 6.75Z" fill="currentColor"/>
1938    <path d="M9 14H19" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
1939    <path d="M15 10L19 14L15 18" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
1940</svg>
1941
1942                        </a>
1943
1944                        <div>
1945                            <a href="/uk/locations" class="flex items-center gap-3 hover:opacity-80 transition">
1946                                <span class="text-3xl sm:text-4xl font-extrabold leading-tight tracking-tight">ALL VENUES</span>
1947                                <svg class="w-8 h-8 sm:w-10 sm:h-10 shrink-0 text-brand-darklavender" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1948    <path d="M27 6.75C27 3.02208 23.9779 0 20.25 0C16.5221 0 13.5 3.02208 13.5 6.75C13.5 3.02208 10.4779 0 6.75 0C3.02208 0 0 3.02208 0 6.75C0 10.4779 3.02208 13.5 6.75 13.5C3.02208 13.5 0 16.5221 0 20.25C0 23.9779 3.02208 27 6.75 27C10.4779 27 13.5 23.9779 13.5 20.25C13.5 23.9779 16.5221 27 20.25 27C23.9779 27 27 23.9779 27 20.25C27 16.523 23.9794 13.5014 20.2527 13.5C23.9794 13.4986 27 10.477 27 6.75Z" fill="currentColor"/>
1949    <path d="M9 14H19" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
1950    <path d="M15 10L19 14L15 18" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
1951</svg>
1952
1953                            </a>
1954
1955                            <div class="mt-6 space-y-6">
1956                                
1957                                    
1958                                    
1959                                    <div>
1960                                        <div class="text-sm font-bold mb-2">United Kingdom</div>
1961                                        <ul class="grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1">
1962                                            
1963                                            <li>
1964                                                <a href="/uk/london/peckham" class="block text-base font-light hover:opacity-80 transition">Peckham, London</a>
1965                                            </li>
1966                                            
1967                                            <li>
1968                                                <a href="/uk/london/stratford" class="block text-base font-light hover:opacity-80 transition">Stratford, London</a>
1969                                            </li>
1970                                            
1971                                        </ul>
1972                                    </div>
1973                                    
1974                                    
1975                                
1976                            </div>
1977                        </div>
1978
1979                        <a href="/uk/gift-cards" class="flex items-center gap-3 hover:opacity-80 transition">
1980                            <span class="text-3xl sm:text-4xl font-extrabold leading-tight tracking-tight">GIFT CARDS</span>
1981                            <svg class="w-8 h-8 sm:w-10 sm:h-10 shrink-0 text-brand-sunrise" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1982    <path d="M27 6.75C27 3.02208 23.9779 0 20.25 0C16.5221 0 13.5 3.02208 13.5 6.75C13.5 3.02208 10.4779 0 6.75 0C3.02208 0 0 3.02208 0 6.75C0 10.4779 3.02208 13.5 6.75 13.5C3.02208 13.5 0 16.5221 0 20.25C0 23.9779 3.02208 27 6.75 27C10.4779 27 13.5 23.9779 13.5 20.25C13.5 23.9779 16.5221 27 20.25 27C23.9779 27 27 23.9779 27 20.25C27 16.523 23.9794 13.5014 20.2527 13.5C23.9794 13.4986 27 10.477 27 6.75Z" fill="currentColor"/>
1983    <path d="M9 14H19" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
1984    <path d="M15 10L19 14L15 18" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
1985</svg>
1986
1987                        </a>
1988                    </nav>
1989                </div>
1990
1991                <div class="flex flex-col gap-8 text-sm sm:text-base">
1992                    <div class="space-y-2">
1993                        <a href="https://contact.rooftopcinemaclub.com/hc/en-us/requests/new" class="block hover:opacity-80 transition font-semibold">contact us</a>
1994                    </div>
1995
1996                    <div class="space-y-2">
1997                        <a href="/uk/about" class="block hover:opacity-80 transition">about us</a>
1998                        <a href="https://contact.rooftopcinemaclub.com/hc/en-us/" class="block hover:opacity-80 transition">FAQs</a>
1999                        <a href="/uk/terms-conditions" class="block hover:opacity-80 transition">t & c</a>
2000                        <a href="/uk/privacy" class="block hover:opacity-80 transition">privacy</a>
2001                    </div>
2002
2003                    <div class="space-y-2">
2004                        <a href="/uk/brand-partnerships" class="block hover:opacity-80 transition">brand partnerships</a>
2005                        <a href="/uk/private-events" class="block hover:opacity-80 transition">private events</a>
2006                        <a href="/uk/real-estate" class="block hover:opacity-80 transition">real estate</a>
2007                    </div>
2008                </div>
2009            </div>
2010
2011            
2012            
2013        </div>
2014    </div>
2015</div>
2016
2017
2018        
2019        <!-- Google Tag Manager (noscript) -->
2020<noscript><iframe src="https://metrics.rooftopcinemaclub.com/ns.html?id=GTM-MFSJ4FQ3"
2021height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2022<!-- End Google Tag Manager (noscript) -->
2023        
2024    
2024<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a44eff93cdaf2986',t:'MTc5MTA2MjUwNQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
2024</body>
2025</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.