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 — 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 — 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 — 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 — 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 — 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.