<!doctype html>
<html lang="en">

<head>
	<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="shortcut icon" type="image/x-icon" href="/assets/favicon.png">
	<link rel="preload" as="style" href="https://sidegallery.co.uk/build/assets/site-C-ILfxgD.css" /><link rel="preload" as="style" href="https://sidegallery.co.uk/build/assets/site-DfOYcV3E.css" /><link rel="modulepreload" as="script" href="https://sidegallery.co.uk/build/assets/site-DnB8wDb5.js" /><link rel="stylesheet" href="https://sidegallery.co.uk/build/assets/site-C-ILfxgD.css" /><link rel="stylesheet" href="https://sidegallery.co.uk/build/assets/site-DfOYcV3E.css" /><script type="module" src="https://sidegallery.co.uk/build/assets/site-DnB8wDb5.js"></script>
	<title>Side: Documents of Working Class Life</title>
<meta name="description" content="North East based documentary arts organisation - since 1977, Side has focused on work that is grounded, accountable and shaped with the people it speaks about." />
<meta property="og:type" content="website" />
<meta property="og:title" content="Side: Documents of Working Class Life" />
<meta property="og:description" content="North East based documentary arts organisation - since 1977, Side has focused on work that is grounded, accountable and shaped with the people it speaks about." />
<meta property="og:url" content="https://sidegallery.co.uk" />
<meta property="og:locale" content="en" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@SideGallery" />
<meta name="twitter:title" content="Side: Documents of Working Class Life" />
<meta name="twitter:description" content="North East based documentary arts organisation - since 1977, Side has focused on work that is grounded, accountable and shaped with the people it speaks about." />
<meta property="og:image" content="https://sidegallery.co.uk/img/asset/YXNzZXRzLzIwMi0wMTktbGJ3LWpwZy0xMDEwMS5qcGc/202-019-lbw-jpg-10101.jpg?p=seo_pro_og&s=d0d7e763a00fd1f22a4b9d0faa9d1459" />
<meta property="og:image:width" content="1146" />
<meta property="og:image:height" content="600" />
<meta property="og:image:alt" content="" />
<meta name="twitter:image" content="https://sidegallery.co.uk/img/asset/YXNzZXRzLzIwMi0wMTktbGJ3LWpwZy0xMDEwMS5qcGc/202-019-lbw-jpg-10101.jpg?p=seo_pro_twitter&s=b39b5097f109a2ff17be68e60ec93668" />
<meta name="twitter:image:alt" content="" />
<link href="https://sidegallery.co.uk" rel="home" />
<link href="https://sidegallery.co.uk" rel="canonical" />
<link type="text/plain" rel="author" href="https://sidegallery.co.uk/humans.txt" />
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-EGT99LJDXK" data-category="analytics" type="text/plain" data-service="Google Analytics"></script>
	<script data-category="analytics" data-service="Google Analytics" type="text/plain">
		// Only load Google Analytics on production domain (block local and staging)
		if (window.location.hostname !== 'side-gallery.test' && 
				window.location.hostname !== 'localhost') {
				window.dataLayer = window.dataLayer || [];
				function gtag(){dataLayer.push(arguments);}
				gtag('js', new Date());
				gtag('config', 'G-EGT99LJDXK');
		} else {
				console.log('Google Analytics blocked - development/staging environment');
		}
	</script>
	<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>	
</head>

<body class="font-din">

	<header class="mb-16">

		
		
			<div class="is-announcement p-4 text-white flex justify-center items-center 
    bg-side-black
    ">
	<div class="font-din font-bold sm:text-lg text-center xl:text-2xl uppercase"><p>Keep Documentary Accessible: <a href="https://www.justgiving.com/ambersidetrust">Donate and Support Side</a></p>
</div>
</div>
		

		<div class="l-container">

			<div class="grid grid-cols-12 pt-10 lg:pt-16 pb-8">
				<div class="col-span-7 lg:col-span-4">
					<a href="/">
						<img class="w-[250px]" src="/assets/side_logo.png" alt="Side logo">
					</a>
				</div>

				<div class="col-span-5 lg:col-span-8 flex flex-col justify-end relative" x-data="{ mobileMenuOpen: false }">

					<a class="hidden sm:flex sm:items-center sm:gap-2 sm:justify-between absolute top-0 right-0 bg-side-green px-4 py-1 text-white text-xl font-bold uppercase hover:bg-black" 
						href="https://www.justgiving.com/ambersidetrust" 
						target="_blank" 
						rel="noopener noreferrer" 
						aria-label="Donate (opens in new window)">
						<span>Donate</span>
						<svg class="h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
						<span class="sr-only">(opens in new window)</span>						
					</a>

					<div class="flex items-center justify-end gap-10">

						
						<nav class="flex justify-end">
							<ul class="flex gap-10">
								
								<li x-data="{ open: false }" class="relative hidden lg:block" @keydown.escape.window="open = false">
									<button @click="open = !open" @click.away="open = false"
										class="t-nav-primary flex items-center gap-3 cursor-pointer hover:text-side-green" :aria-expanded="open"
										aria-controls="whats-on-menu">
										What's on
										<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-transform duration-200" :class="open ? 'rotate-180' : ''">
	<path
		d="M9.23205 12C8.46225 13.3333 6.53775 13.3333 5.76795 12L1.00481 3.75C0.235011 2.41667 1.19726 0.749999 2.73686 0.749999L12.2631 0.75C13.8027 0.75 14.765 2.41667 13.9952 3.75L9.23205 12Z"
		fill="black" />
</svg>
									</button>
									<div x-show="open" x-transition x-cloak
										class="absolute left-0 mt-4 w-64 bg-side-light-grey border-2 border-black shadow-lg py-3 z-50"
										id="whats-on-menu" role="menu">
										<a href="/whats-on/exhibitions/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Exhibitions</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										<a href="/whats-on/cinema/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Cinema</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										<a href="/whats-on/events/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Events</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										<a href="/whats-on/education/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Education</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										<a href="/whats-on/myside/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>MySide</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
									</div>
								</li>

								<li x-data="{ open: false }" class="relative hidden lg:block" @keydown.escape.window="open = false">
									<button @click="open = !open" @click.away="open = false"
										class="t-nav-primary flex items-center gap-3 cursor-pointer hover:text-side-green" :aria-expanded="open"
										aria-controls="collection-menu">
										Collection
										<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-transform duration-200" :class="open ? 'rotate-180' : ''">
	<path
		d="M9.23205 12C8.46225 13.3333 6.53775 13.3333 5.76795 12L1.00481 3.75C0.235011 2.41667 1.19726 0.749999 2.73686 0.749999L12.2631 0.75C13.8027 0.75 14.765 2.41667 13.9952 3.75L9.23205 12Z"
		fill="black" />
</svg>
									</button>
									<div x-show="open" x-transition x-cloak
										class="absolute left-0 mt-4 w-96 bg-side-light-grey border-2 border-black shadow-lg py-3 z-50"
										id="collection-menu" role="menu">
										<a href="/collections/about-the-amberside-collection/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>About the AmberSide Collection</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										<a href="/collections/about-amber-films/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>About Amber Films</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										<a href="/collections/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Explore Our Collection</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										<a href="https://amber.epexio.com"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Epexio Catalogue</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
									</div>
								</li>

								

								
								<li x-data="{ open: false }" class="relative hidden xl:block" @keydown.escape.window="open = false">
									<button @click="open = !open" @click.away="open = false"
										class="t-nav-primary flex items-center gap-3 cursor-pointer hover:text-side-green" :aria-expanded="open"
										aria-controls="about-menu">
										About
										<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-transform duration-200" :class="open ? 'rotate-180' : ''">
	<path
		d="M9.23205 12C8.46225 13.3333 6.53775 13.3333 5.76795 12L1.00481 3.75C0.235011 2.41667 1.19726 0.749999 2.73686 0.749999L12.2631 0.75C13.8027 0.75 14.765 2.41667 13.9952 3.75L9.23205 12Z"
		fill="black" />
</svg>
									</button>
									<div x-show="open" x-transition x-cloak
										class="absolute left-0 mt-4 w-80 bg-side-light-grey border-2 border-black shadow-lg py-3 z-50"
										id="about-menu" role="menu">
										<a href="/about/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>About Side</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										<a href="/about/about-the-amber-collective/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>About The Amber Collective</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										<a href="/about/contact-us/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Contact Us</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										<a href="/about/volunteering/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Volunteering</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										<a href="/about/support-us/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Support Us</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
									</div>
								</li>

								<li class="hidden xl:block">
									<a class="t-nav-primary hover:text-side-green" href="/blog/">Blog</a>
								</li>
								<li class="hidden xl:block">
									<a class="t-nav-primary flex items-center gap-2 hover:text-side-green" 
										href="https://shop.amber-online.com/" 
										target="_blank" 
										rel="noopener noreferrer" 
										aria-label="Shop (opens in new window)">
											<span>Shop</span>
											<svg class="h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
											<span class="sr-only">(opens in new window)</span>
									</a>
								</li>
							</ul>
						</nav>

						<button @click="mobileMenuOpen = !mobileMenuOpen" 
								class="flex xl:hidden t-nav-primary items-center gap-2 hover:cursor-pointer"
								:aria-expanded="mobileMenuOpen"
								aria-controls="mobile-menu"
								x-cloak>
							<span>Menu</span>
							<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
								<path x-show="!mobileMenuOpen" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
								<path x-show="mobileMenuOpen" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
							</svg>
						</button>

					</div>

					
					<div class="xl:hidden flex justify-end">
						
						<div x-show="mobileMenuOpen" 
							 x-transition
							 x-cloak
							 @keydown.escape.window="mobileMenuOpen = false"
							 class="fixed inset-0 bg-white z-50 overflow-y-auto"
							 role="dialog"
							 aria-modal="true"
							 :aria-labelledby="'mobile-menu-title'"
							 id="mobile-menu">
							<div class="l-container py-8">
								<div class="flex justify-between items-center mb-8">
									<a href="/">
										<img class="w-[200px]" src="/assets/side_logo.png" alt="Side logo">
									</a>
									<button @click="mobileMenuOpen = false" 
											class="t-nav-primary hover:cursor-pointer"
											aria-label="Close menu">
										<svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
										</svg>
									</button>
								</div>

								
								<nav class="space-y-6" role="navigation" aria-label="Mobile menu">
									<h2 id="mobile-menu-title" class="sr-only">Mobile menu</h2>
									<div>
										<h3 class="t-nav-primary font-bold mb-4 border-b-2 border-t-2 pt-4 border-black pb-4">What's on</h3>
										<ul class="space-y-2" role="menu">
											<a href="/whats-on/exhibitions/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Exhibitions</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
											<a href="/whats-on/cinema/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Cinema</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
											<a href="/whats-on/events/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Events</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
											<a href="/whats-on/education/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Education</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
											<a href="/whats-on/myside/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>MySide</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										</ul>
									</div>

									<div>
										<h3 class="t-nav-primary font-bold mb-4 border-b-2 border-t-2 pt-4 border-black pb-4">Collection</h3>
										<ul class="space-y-2" role="menu">
											<a href="/collections/about-the-amberside-collection/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>About the AmberSide Collection</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
											<a href="/collections/about-amber-films/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>About Amber Films</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
											<a href="/collections/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Explore Our Collection</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
											<a href="https://amber.epexio.com"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Epexio Catalogue</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										</ul>
									</div>

									

									<div>
										<h3 class="t-nav-primary font-bold mb-4 border-b-2 border-t-2 pt-4 border-black pb-4">About</h3>
										<ul class="space-y-2" role="menu">
											<a href="/about/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>About Side</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
											<a href="/about/about-the-amber-collective/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>About The Amber Collective</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
											<a href="/about/contact-us/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Contact Us</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
											<a href="/about/volunteering/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Volunteering</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
											<a href="/about/support-us/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Support Us</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										</ul>
									</div>

									<div class="space-y-2">
										<div class="border-t-2 pt-2 border-black">
											<a href="/blog/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Blog</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										</div>
										<div class="border-t-2 pt-2 border-black">
											<a href="https://shop.amber-online.com/"
	class="t-nav-primary grid grid-cols-3 gap-3 items-center lg:px-5 py-3 hover:text-side-green lg:hover:text-black lg:hover:bg-side-amber" 
	role="menuitem"
	
		target="_blank"
		rel="noopener noreferrer"
		aria-label="Shop (opens in new window)"
	>
	<span class="col-span-2 flex items-center gap-2">
		<span>Shop</span>
		
			<svg class="h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
			<span class="sr-only">(opens in new window)</span>
		
	</span>
	<span class="col-span-1">
		<span class="flex justify-end">
			<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
		</span>
	</span>
</a> 
										</div>
									</div>
								</nav>

								<a class="flex items-center gap-2 justify-center w-full text-center mt-5 bg-side-green px-4 py-2 text-white text-xl font-bold uppercase hover:bg-black" 
									href="https://www.justgiving.com/ambersidetrust" 
									target="_blank" 
									rel="noopener noreferrer" 
									aria-label="Donate (opens in new window)">
									<span>Donate</span>
									<svg class="h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
									<span class="sr-only">(opens in new window)</span>						
								</a>

							</div>
						</div>
					</div>
				</div>

			</div>

			<div class="l-divider"></div>

		</div>

	</header>

	<main>
		


<div class="l-container relative">
	
		
			<div class="c-hero-carousel splide my-12" aria-label="Featured content carousel">
				<div class="absolute top-0 right-0 z-10">
					<div class="flex gap-2">
	<button id="splide-prev-arrow" class="bg-black w-7 h-7 md:w-10 md:h-10 flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-side-green focus:ring-offset-2 hover:cursor-pointer" aria-label="Previous slide">
		<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path d="M0.999999 7.36602C0.333333 6.98112 0.333333 6.01888 1 5.63398L10 0.437822C10.6667 0.0529214 11.5 0.534047 11.5 1.30385L11.5 11.6962C11.5 12.466 10.6667 12.9471 10 12.5622L0.999999 7.36602Z" fill="white"/>
</svg>	
	</button>
	<button id="splide-next-arrow" class="bg-black w-7 h-7 md:w-10 md:h-10 flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-side-green focus:ring-offset-2 hover:cursor-pointer" aria-label="Next slide">
		<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path d="M11.25 5.63397C11.9167 6.01888 11.9167 6.98112 11.25 7.36602L2.25 12.5622C1.58333 12.9471 0.75 12.466 0.75 11.6962L0.750001 1.30385C0.750001 0.534046 1.58333 0.0529218 2.25 0.437822L11.25 5.63397Z" fill="white"/>
</svg>	
	</button>
</div>
				</div>
				<div class="splide__track">
					<ul class="splide__list">
						
							<li class="splide__slide">
								<div class="lg:grid lg:grid-cols-8 gap-10 xl:gap-20 splide-item">

	<div class="lg:col-span-5">
		<div class="lg:hidden mb-5">
			
				
			
			<h1 class="t-display-primary my-5 max-w-xl">
				
					<a class="t-link-transition" href="/blog/myside-the-great-north-run">
						MySide: The Great North Run
					</a>
				
			</h1>
			
				
						
		</div>
		<figure>
			
				<a href="/blog/myside-the-great-north-run" class="block aspect-[4/3] w-full max-w-[950px] lg:max-w-[800px] overflow-hidden">
					<img class="w-full h-full object-cover" 
						src="/img/asset/YXNzZXRzLzAyLXN0YXJ0LW9mLXRoZS1yYWNlLSg3KS1jb3B5LndlYnA/02-start-of-the-race-%287%29-copy.webp?p=w1600&s=eb1519c911794710de6b0927d3440cf8" 
						alt="MySide: The Great North Run image">
				</a>
			
			<figcaption class="t-body-caption">Start of the Race, Great North Run ©Maria Maza</figcaption>
		</figure>
	</div>

	<div class="lg:col-span-3 flex flex-col">
		<div class="hidden lg:block">
			
				
			
		</div>		

		<div>
			<h1 class="hidden lg:block t-display-primary mt-20">
				
					<a class="t-link-transition" href="/blog/myside-the-great-north-run">
						MySide: The Great North Run
					</a>
				
			</h1>

			
				
			

			
				<h3 class="t-display-secondary mt-5">
					Maria Maza
				</h3>
			

			
				<p class="t-body-large mt-1">
					September 11th, 2026
				</p>
						

			
			

		</div>

		<div class="mt-5 lg:mt-16">

			
			<div class="t-body-xl">
				Photographer Maria Maza looks beyond the runners to the crowds, costumes, signs and roadside rituals that make the Great North Run a portrait of North East community.
			</div>
			

			
				
					<h4 class="t-body-large uppercase text-side-red">Blogs</h4>
				
			

			

			

			

		</div>

		
			<div class="mt-auto pt-5">
				<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/blog/myside-the-great-north-run"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
			</div>
		

	</div>

</div>
							</li>
						
							<li class="splide__slide">
								<div class="lg:grid lg:grid-cols-8 gap-10 xl:gap-20 splide-item">

	<div class="lg:col-span-5">
		<div class="lg:hidden mb-5">
			
				
<div class="flex ">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-amber
        
    ">
		
			Upcoming
		
	</div>
</div>

			
			<h1 class="t-display-primary my-5 max-w-xl">
				
					<a class="t-link-transition" href="/whats-on/exhibitions/industrial-epic">
						Industrial Epic
					</a>
				
			</h1>
			
				
					<h2 class="t-display-secondary mt-2">Working Landscapes from the AmberSide Collection</h2>
				
						
		</div>
		<figure>
			
				<a href="/whats-on/exhibitions/industrial-epic" class="block aspect-[4/3] w-full max-w-[950px] lg:max-w-[800px] overflow-hidden">
					<img class="w-full h-full object-cover" 
						src="/img/asset/YXNzZXRzLzEwMHg2NC41X3Rob21hc19lYXN0Z2F0ZS1jZW1lbnQtd29ya3NfMDAwMS53ZWJw/100x64.5_thomas_eastgate-cement-works_0001.webp?p=w1600&s=c43649e42e0117b7557fd10bd2e5d428" 
						alt="Industrial Epic image">
				</a>
			
			<figcaption class="t-body-caption">Eastgate Cement Works, Blasting Operations, 6th April 1991 ©Estate of Dave Thomas</figcaption>
		</figure>
	</div>

	<div class="lg:col-span-3 flex flex-col">
		<div class="hidden lg:block">
			
				
<div class="flex ">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-amber
        
    ">
		
			Upcoming
		
	</div>
</div>

			
		</div>		

		<div>
			<h1 class="hidden lg:block t-display-primary mt-20">
				
					<a class="t-link-transition" href="/whats-on/exhibitions/industrial-epic">
						Industrial Epic
					</a>
				
			</h1>

			
				
					<h2 class="hidden lg:block t-display-secondary mt-5">Working Landscapes from the AmberSide Collection</h2>
				
			

			

						

			
			

		</div>

		<div class="mt-5 lg:mt-16">

			

			
				
					<h4 class="t-body-large uppercase text-side-red">Exhibitions</h4>
				
			

			
				
					<h4 class="t-display-secondary">
						Refractive Scotland
					</h4>
				
			

			
				<div class="t-body-large">
					
						15 September 2026 - 07 November 2026
					
				</div>
			

			

		</div>

		
			<div class="mt-auto pt-5">
				<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/exhibitions/industrial-epic"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
			</div>
		

	</div>

</div>
							</li>
						
							<li class="splide__slide">
								<div class="lg:grid lg:grid-cols-8 gap-10 xl:gap-20 splide-item">

	<div class="lg:col-span-5">
		<div class="lg:hidden mb-5">
			
				
<div class="flex ">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-amber
        
    ">
		
			Upcoming
		
	</div>
</div>

			
			<h1 class="t-display-primary my-5 max-w-xl">
				
					<a class="t-link-transition" href="/whats-on/cinema/whitley-bay-film-festival-2026">
						Tom Hadaway & The North Shields Fishing Fleet
					</a>
				
			</h1>
			
				
					<h2 class="t-display-secondary mt-2">Whitley Bay Film Festival</h2>
				
						
		</div>
		<figure>
			
				<a href="/whats-on/cinema/whitley-bay-film-festival-2026" class="block aspect-[4/3] w-full max-w-[950px] lg:max-w-[800px] overflow-hidden">
					<img class="w-full h-full object-cover" 
						src="/img/asset/YXNzZXRzL2ZpbGV0dGluZy1tYWNoaW5lX3doaXRsZXktYmF5LWZpbG0tZmVzdGl2YWwtY29weS53ZWJw/filetting-machine_whitley-bay-film-festival-copy.webp?p=w1600&s=addaca344e7fa3aab443db41b086af1c" 
						alt="Tom Hadaway & The North Shields Fishing Fleet image">
				</a>
			
			<figcaption class="t-body-caption"></figcaption>
		</figure>
	</div>

	<div class="lg:col-span-3 flex flex-col">
		<div class="hidden lg:block">
			
				
<div class="flex ">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-amber
        
    ">
		
			Upcoming
		
	</div>
</div>

			
		</div>		

		<div>
			<h1 class="hidden lg:block t-display-primary mt-20">
				
					<a class="t-link-transition" href="/whats-on/cinema/whitley-bay-film-festival-2026">
						Tom Hadaway & The North Shields Fishing Fleet
					</a>
				
			</h1>

			
				
					<h2 class="hidden lg:block t-display-secondary mt-5">Whitley Bay Film Festival</h2>
				
			

			

						

			
			

		</div>

		<div class="mt-5 lg:mt-16">

			

			
				
					<h4 class="t-body-large uppercase text-side-red">Cinema</h4>
				
			

			
				
					<h4 class="t-display-secondary">
						Cullercoats Fishermen's Mission
					</h4>
				
			

			
				<div class="t-body-large">
					
						19 September 2026
					
				</div>
			

			

		</div>

		
			<div class="mt-auto pt-5">
				<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/cinema/whitley-bay-film-festival-2026"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
			</div>
		

	</div>

</div>
							</li>
						
							<li class="splide__slide">
								<div class="lg:grid lg:grid-cols-8 gap-10 xl:gap-20 splide-item">

	<div class="lg:col-span-5">
		<div class="lg:hidden mb-5">
			
				
<div class="flex ">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-amber
        
    ">
		
			Upcoming
		
	</div>
</div>

			
			<h1 class="t-display-primary my-5 max-w-xl">
				
					<a class="t-link-transition" href="/whats-on/events/inside-september-meeting-2026">
						InSide: Documentary Photography Community
					</a>
				
			</h1>
			
				
					<h2 class="t-display-secondary mt-2">September Meet Up</h2>
				
						
		</div>
		<figure>
			
				<a href="/whats-on/events/inside-september-meeting-2026" class="block aspect-[4/3] w-full max-w-[950px] lg:max-w-[800px] overflow-hidden">
					<img class="w-full h-full object-cover" 
						src="/img/asset/YXNzZXRzL2luc2lkZS1zZXB0ZW1iZXItMjYud2VicA/inside-september-26.webp?p=w1600&s=965bcc13a1e18a1fd811612609fa72a0" 
						alt="InSide: Documentary Photography Community image">
				</a>
			
			<figcaption class="t-body-caption"></figcaption>
		</figure>
	</div>

	<div class="lg:col-span-3 flex flex-col">
		<div class="hidden lg:block">
			
				
<div class="flex ">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-amber
        
    ">
		
			Upcoming
		
	</div>
</div>

			
		</div>		

		<div>
			<h1 class="hidden lg:block t-display-primary mt-20">
				
					<a class="t-link-transition" href="/whats-on/events/inside-september-meeting-2026">
						InSide: Documentary Photography Community
					</a>
				
			</h1>

			
				
					<h2 class="hidden lg:block t-display-secondary mt-5">September Meet Up</h2>
				
			

			

						

			
			

		</div>

		<div class="mt-5 lg:mt-16">

			

			
				
					<h4 class="t-body-large uppercase text-side-red">Events</h4>
				
			

			
				
					<h4 class="t-display-secondary">
						Gosforth Civic Theatre
					</h4>
				
			

			
				<div class="t-body-large">
					
						22 September 2026
					
				</div>
			

			

		</div>

		
			<div class="mt-auto pt-5">
				<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/events/inside-september-meeting-2026"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
			</div>
		

	</div>

</div>
							</li>
						
							<li class="splide__slide">
								<div class="lg:grid lg:grid-cols-8 gap-10 xl:gap-20 splide-item">

	<div class="lg:col-span-5">
		<div class="lg:hidden mb-5">
			
				
<div class="flex ">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-amber
        
    ">
		
			Upcoming
		
	</div>
</div>

			
			<h1 class="t-display-primary my-5 max-w-xl">
				
					<a class="t-link-transition" href="/whats-on/cinema/voices-from-here">
						Voices From Here: Amber Film Retrospective
					</a>
				
			</h1>
			
				
					<h2 class="t-display-secondary mt-2">Presented by Durham Folk Festival</h2>
				
						
		</div>
		<figure>
			
				<a href="/whats-on/cinema/voices-from-here" class="block aspect-[4/3] w-full max-w-[950px] lg:max-w-[800px] overflow-hidden">
					<img class="w-full h-full object-cover" 
						src="/img/asset/YXNzZXRzLzM1LjEuMTQwLjEyLWNvcHkud2VicA/35.1.140.12-copy.webp?p=w1600&s=d8db3324f6b8159db67d3033b96e4b56" 
						alt="Voices From Here: Amber Film Retrospective image">
				</a>
			
			<figcaption class="t-body-caption">The World Unicorn, 1973 ©Sirkka-Liisa Konttinen</figcaption>
		</figure>
	</div>

	<div class="lg:col-span-3 flex flex-col">
		<div class="hidden lg:block">
			
				
<div class="flex ">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-amber
        
    ">
		
			Upcoming
		
	</div>
</div>

			
		</div>		

		<div>
			<h1 class="hidden lg:block t-display-primary mt-20">
				
					<a class="t-link-transition" href="/whats-on/cinema/voices-from-here">
						Voices From Here: Amber Film Retrospective
					</a>
				
			</h1>

			
				
					<h2 class="hidden lg:block t-display-secondary mt-5">Presented by Durham Folk Festival</h2>
				
			

			

						

			
			

		</div>

		<div class="mt-5 lg:mt-16">

			

			
				
					<h4 class="t-body-large uppercase text-side-red">Cinema</h4>
				
			

			
				
					<h4 class="t-display-secondary">
						Redhills Durham Miners' Hall
					</h4>
				
			

			
				<div class="t-body-large">
					
						18 September 2026 - 20 September 2026
					
				</div>
			

			

		</div>

		
			<div class="mt-auto pt-5">
				<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/cinema/voices-from-here"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
			</div>
		

	</div>

</div>
							</li>
						
					</ul>
				</div>
			</div>
		
	
</div>



	<div class="text-white py-20 
    bg-side-black">
	<div class="l-container">
		<h3 class="t-display-primary mb-10">Side: Documents of Working Class Life</h3>		
		
		<div class="flex flex-col lg:flex-row gap-5 lg:gap-10 xl:gap-20 max-w-4xl mb-10">
			<div class="flex-1 is-rich-text space-y-3">
				<p><p>Side is a lens-based documentary organisation rooted in the North East of England. We show the realities of everyday experience through photography and film, and we support artists and communities who work from lived experience. We carry this practice into physical and digital spaces through partnerships across our region, nationally, and internationally.</p>
</p>
			</div>
			
			<div class="flex-1 is-rich-text space-y-3">
				<p><p>Since 1977, Side has focused on documentary that is grounded, accountable and shaped with the people it speaks about.</p>
<p>We also care for the AmberSide Collection – a UNESCO-recognised body of work made with and about working-class communities in the North East and beyond – and keep it alive through exhibitions, projects, education and community programmes that challenge how communities are seen, remembered and understood.</p>
</p>
			</div>
			
		</div>
		
			<a class=" border-2 border-white py-1 px-4 hover:bg-white hover:text-black text-white w-full
     t-display-secondary
    inline-flex items-center justify-center gap-3 group  transition-colors hover:cursor-pointer sm:w-auto text-center" href="/collections"  >
	
	<span class="text-center">Explore the AmberSide Collection</span>
	
</a>
		
	</div>
</div>



<div class="bg-side-blue lg:mt-16 py-20">
	<div class="l-container">
		<div class="flex flex-col lg:flex-row lg:items-center justify-between gap-10">
			<div class="flex-1">
				<figure>
					<img src="/assets/204_003_lbw-copy.webp" alt="">
					
						<figcaption class="t-body-caption">Appleby Horse Fair, 1969/1970 © Estate of Dave Thomas</figcaption>
					
				</figure>
			</div>
			<div class="flex-1 space-y-5">
				<h2 class="t-display-mega">MySide</h2>
				<h3 class="t-display-secondary">Show us your side of life</h3>
				<p>We’re inviting you to share your life and community through documentary photography as part of MySide, and right now we’re looking for responses to the prompt “On the Move.”
<br></br>
We want to see how people move through the places around them. That might mean daily journeys to work or school, travelling by bus, bike or on foot, but also physical work, care, play and the repeated movements that shape everyday life.
<br></br>
We’re interested in what movement can tell us about people and place. Roads, paths, public transport, open land, fences and buildings can make movement easier, harder or more inventive. Show us the physical force of movement and how people navigate, adapt to and make use of the world around them.</p>
				<a class=" border-2 border-black py-1 px-8 hover:bg-black hover:text-white w-full
     t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/myside"  >
	
	<span class="text-center">Visit MySide</span>
	
</a>
			</div>
		</div>
	</div>
</div>

<div class="l-container my-12">

	
	<h2 class="t-display-primary mb-5">What's on</h2>
	
			
				<div class="l-grid-3-col">
					
						<article class="flex flex-col h-full">

	<a href="/whats-on/education/postcode-explorers">
    
			<img 
				src="/img/asset/YXNzZXRzL3Bvc3Rjb2RlLWV4cGxvcmVycy5wbmc/postcode-explorers.png?p=w400&s=064cb20143169c378005e4f7269b38e5" 
				srcset="
						/img/asset/YXNzZXRzL3Bvc3Rjb2RlLWV4cGxvcmVycy5wbmc/postcode-explorers.png?p=w400&s=064cb20143169c378005e4f7269b38e5 400w,
						/img/asset/YXNzZXRzL3Bvc3Rjb2RlLWV4cGxvcmVycy5wbmc/postcode-explorers.png?p=w800&s=6d72c4e7d96e4e41d38242653f47b916 800w
				"
				sizes="400px"
				alt="Postcode Explorers"
				loading="lazy"
				class="w-full"
			>
    
	</a>

	<div class="flex flex-col flex-1">

			
<div class="flex justify-end">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-green text-white
        
    ">
		
			On Now
		
	</div>
</div>

			<div class="mb-3 mt-5">

					<h2 class="t-display-primary mb-1">
						<a class="t-link-transition" href="/whats-on/education/postcode-explorers">Postcode Explorers</a>
					</h2>

										

					
					
							<h3 class="t-display-secondary mt-4">
									
											A North Tyneside Residency
									
							</h3>
					
			</div>
		
			
					
							<h4 class="t-body-large uppercase text-side-red">Education</h4>
					
			
			
			
					
							<h4 class="t-display-tertiary">
								New York, North Tyneside
							</h4>
					
			

			
					<div class="t-body-large">
							
									01 Jan 2024 - 31 Dec 2026
							
					</div>
			

		<div class="pt-5">
			<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/education/postcode-explorers"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
		</div>

	</div>

</article>
					
						<article class="flex flex-col h-full">

	<a href="/whats-on/exhibitions/industrial-epic">
    
			<img 
				src="/img/asset/YXNzZXRzLzEwMHg2NC41X3Rob21hc19lYXN0Z2F0ZS1jZW1lbnQtd29ya3NfMDAwMS53ZWJw/100x64.5_thomas_eastgate-cement-works_0001.webp?p=w400&s=7760614a7c32c402f356c2b394072d3b" 
				srcset="
						/img/asset/YXNzZXRzLzEwMHg2NC41X3Rob21hc19lYXN0Z2F0ZS1jZW1lbnQtd29ya3NfMDAwMS53ZWJw/100x64.5_thomas_eastgate-cement-works_0001.webp?p=w400&s=7760614a7c32c402f356c2b394072d3b 400w,
						/img/asset/YXNzZXRzLzEwMHg2NC41X3Rob21hc19lYXN0Z2F0ZS1jZW1lbnQtd29ya3NfMDAwMS53ZWJw/100x64.5_thomas_eastgate-cement-works_0001.webp?p=w800&s=31f8c866b7680d61e55d898f6ecb6974 800w
				"
				sizes="400px"
				alt="Industrial Epic"
				loading="lazy"
				class="w-full"
			>
    
	</a>

	<div class="flex flex-col flex-1">

			
<div class="flex justify-end">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-amber
        
    ">
		
			Upcoming
		
	</div>
</div>

			<div class="mb-3 mt-5">

					<h2 class="t-display-primary mb-1">
						<a class="t-link-transition" href="/whats-on/exhibitions/industrial-epic">Industrial Epic</a>
					</h2>

										

					
					
							<h3 class="t-display-secondary mt-4">
									
											Working Landscapes from the AmberSide Collection
									
							</h3>
					
			</div>
		
			
					
							<h4 class="t-body-large uppercase text-side-red">Exhibitions</h4>
					
			
			
			
					
							<h4 class="t-display-tertiary">
								Refractive Scotland
							</h4>
					
			

			
					<div class="t-body-large">
							
									15 Sep 2026 - 07 Nov 2026
							
					</div>
			

		<div class="pt-5">
			<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/exhibitions/industrial-epic"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
		</div>

	</div>

</article>
					
						<article class="flex flex-col h-full">

	<a href="/whats-on/cinema/voices-from-here">
    
			<img 
				src="/img/asset/YXNzZXRzLzM1LjEuMTQwLjEyLWNvcHkud2VicA/35.1.140.12-copy.webp?p=w400&s=41f4614f399e4b5a5ce213ff8036715a" 
				srcset="
						/img/asset/YXNzZXRzLzM1LjEuMTQwLjEyLWNvcHkud2VicA/35.1.140.12-copy.webp?p=w400&s=41f4614f399e4b5a5ce213ff8036715a 400w,
						/img/asset/YXNzZXRzLzM1LjEuMTQwLjEyLWNvcHkud2VicA/35.1.140.12-copy.webp?p=w800&s=bc85f8c03e0bc89c52d8b23965d38e41 800w
				"
				sizes="400px"
				alt="Voices From Here: Amber Film Retrospective"
				loading="lazy"
				class="w-full"
			>
    
	</a>

	<div class="flex flex-col flex-1">

			
<div class="flex justify-end">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-amber
        
    ">
		
			Upcoming
		
	</div>
</div>

			<div class="mb-3 mt-5">

					<h2 class="t-display-primary mb-1">
						<a class="t-link-transition" href="/whats-on/cinema/voices-from-here">Voices From Here: Amber Film Retrospective</a>
					</h2>

										

					
					
							<h3 class="t-display-secondary mt-4">
									
											Presented by Durham Folk Festival
									
							</h3>
					
			</div>
		
			
					
							<h4 class="t-body-large uppercase text-side-red">Cinema</h4>
					
			
			
			
					
							<h4 class="t-display-tertiary">
								Redhills Durham Miners' Hall
							</h4>
					
			

			
					<div class="t-body-large">
							
									18 Sep 2026 - 20 Sep 2026
							
					</div>
			

		<div class="pt-5">
			<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/cinema/voices-from-here"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
		</div>

	</div>

</article>
					
						<article class="flex flex-col h-full">

	<a href="/whats-on/cinema/whitley-bay-film-festival-2026">
    
			<img 
				src="/img/asset/YXNzZXRzL2ZpbGV0dGluZy1tYWNoaW5lX3doaXRsZXktYmF5LWZpbG0tZmVzdGl2YWwtY29weS53ZWJw/filetting-machine_whitley-bay-film-festival-copy.webp?p=w400&s=aea1041cc2e76f0e8076beedeca4ed91" 
				srcset="
						/img/asset/YXNzZXRzL2ZpbGV0dGluZy1tYWNoaW5lX3doaXRsZXktYmF5LWZpbG0tZmVzdGl2YWwtY29weS53ZWJw/filetting-machine_whitley-bay-film-festival-copy.webp?p=w400&s=aea1041cc2e76f0e8076beedeca4ed91 400w,
						/img/asset/YXNzZXRzL2ZpbGV0dGluZy1tYWNoaW5lX3doaXRsZXktYmF5LWZpbG0tZmVzdGl2YWwtY29weS53ZWJw/filetting-machine_whitley-bay-film-festival-copy.webp?p=w800&s=9754e47a1dd21f5e582c57dbad2f275f 800w
				"
				sizes="400px"
				alt="Tom Hadaway & The North Shields Fishing Fleet"
				loading="lazy"
				class="w-full"
			>
    
	</a>

	<div class="flex flex-col flex-1">

			
<div class="flex justify-end">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-amber
        
    ">
		
			Upcoming
		
	</div>
</div>

			<div class="mb-3 mt-5">

					<h2 class="t-display-primary mb-1">
						<a class="t-link-transition" href="/whats-on/cinema/whitley-bay-film-festival-2026">Tom Hadaway & The North Shields Fishing Fleet</a>
					</h2>

										

					
					
							<h3 class="t-display-secondary mt-4">
									
											Whitley Bay Film Festival
									
							</h3>
					
			</div>
		
			
					
							<h4 class="t-body-large uppercase text-side-red">Cinema</h4>
					
			
			
			
					
							<h4 class="t-display-tertiary">
								Cullercoats Fishermen's Mission
							</h4>
					
			

			
					<div class="t-body-large">
							
									19 Sep 2026
							
					</div>
			

		<div class="pt-5">
			<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/cinema/whitley-bay-film-festival-2026"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
		</div>

	</div>

</article>
					
						<article class="flex flex-col h-full">

	<a href="/whats-on/events/inside-september-meeting-2026">
    
			<img 
				src="/img/asset/YXNzZXRzL2luc2lkZS1zZXB0ZW1iZXItMjYud2VicA/inside-september-26.webp?p=w400&s=ade7931943b08e98d9f2548bd370711c" 
				srcset="
						/img/asset/YXNzZXRzL2luc2lkZS1zZXB0ZW1iZXItMjYud2VicA/inside-september-26.webp?p=w400&s=ade7931943b08e98d9f2548bd370711c 400w,
						/img/asset/YXNzZXRzL2luc2lkZS1zZXB0ZW1iZXItMjYud2VicA/inside-september-26.webp?p=w800&s=391f6f39cd2f19f369bcf2765da8b5b8 800w
				"
				sizes="400px"
				alt="InSide: Documentary Photography Community"
				loading="lazy"
				class="w-full"
			>
    
	</a>

	<div class="flex flex-col flex-1">

			
<div class="flex justify-end">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-amber
        
    ">
		
			Upcoming
		
	</div>
</div>

			<div class="mb-3 mt-5">

					<h2 class="t-display-primary mb-1">
						<a class="t-link-transition" href="/whats-on/events/inside-september-meeting-2026">InSide: Documentary Photography Community</a>
					</h2>

										

					
					
							<h3 class="t-display-secondary mt-4">
									
											September Meet Up
									
							</h3>
					
			</div>
		
			
					
							<h4 class="t-body-large uppercase text-side-red">Events</h4>
					
			
			
			
					
							<h4 class="t-display-tertiary">
								Gosforth Civic Theatre
							</h4>
					
			

			
					<div class="t-body-large">
							
									22 Sep 2026
							
					</div>
			

		<div class="pt-5">
			<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/events/inside-september-meeting-2026"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
		</div>

	</div>

</article>
					
						<article class="flex flex-col h-full">

	<a href="/whats-on/exhibitions/byker-byker-revisted">
    
			<img 
				src="/img/asset/YXNzZXRzL3NpcmtrYS1ncmVlay1mZXN0aXZhbC1jb3B5LndlYnA/sirkka-greek-festival-copy.webp?p=w400&s=83e595aba0eb8e9d57aaf203400bf82f" 
				srcset="
						/img/asset/YXNzZXRzL3NpcmtrYS1ncmVlay1mZXN0aXZhbC1jb3B5LndlYnA/sirkka-greek-festival-copy.webp?p=w400&s=83e595aba0eb8e9d57aaf203400bf82f 400w,
						/img/asset/YXNzZXRzL3NpcmtrYS1ncmVlay1mZXN0aXZhbC1jb3B5LndlYnA/sirkka-greek-festival-copy.webp?p=w800&s=b460cddf2b192feb45c939e62ceb59f4 800w
				"
				sizes="400px"
				alt="Byker + Byker Revisted"
				loading="lazy"
				class="w-full"
			>
    
	</a>

	<div class="flex flex-col flex-1">

			
<div class="flex justify-end">
	<div class="inline-flex font-bold uppercase px-6 py-0.5 rounded-full tracking-wide text-sm mt-2
        
            bg-side-amber
        
    ">
		
			Upcoming
		
	</div>
</div>

			<div class="mb-3 mt-5">

					<h2 class="t-display-primary mb-1">
						<a class="t-link-transition" href="/whats-on/exhibitions/byker-byker-revisted">Byker + Byker Revisted</a>
					</h2>

										

					
					
							<h3 class="t-display-secondary mt-4">
									
											Sirkka-Liisa Konttinen at Photometria International Photography Festival
									
							</h3>
					
			</div>
		
			
					
							<h4 class="t-body-large uppercase text-side-red">Exhibitions</h4>
					
			
			
			
					
							<h4 class="t-display-tertiary">
								Municipal Art Gallery of Ioannina
							</h4>
					
			

			
					<div class="t-body-large">
							
									26 Sep 2026 - 27 Nov 2026
							
					</div>
			

		<div class="pt-5">
			<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/exhibitions/byker-byker-revisted"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
		</div>

	</div>

</article>
					
				</div>
			
		

	<div class="l-divider my-12"></div>

	
	<h3 class="t-display-primary mb-10">Explore more at Side</h3>

	<div class="flex flex-wrap max-w-xl gap-5">
		<div>
			<a class=" border-2 border-black py-1 px-8 hover:bg-black hover:text-white w-full
     t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/exhibitions/"  >
	
	<span class="text-center">All Exhibitions</span>
	
</a>
		</div>
		<div>
			<a class=" border-2 border-black py-1 px-8 hover:bg-black hover:text-white w-full
     t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/events/"  >
	
	<span class="text-center">All Events</span>
	
</a>
		</div>
		<div>
			<a class=" border-2 border-black py-1 px-8 hover:bg-black hover:text-white w-full
     t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/cinema/"  >
	
	<span class="text-center">All Cinema</span>
	
</a>
		</div>
		<div>
			<a class=" border-2 border-black py-1 px-8 hover:bg-black hover:text-white w-full
     t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/whats-on/education/"  >
	
	<span class="text-center">All Amber Education</span>
	
</a>
		</div>
	</div>

</div>



	<div class="text-white py-20 
    bg-side-black">
	<div class="l-container">
		<h3 class="t-display-primary mb-10">Support Side</h3>		
		
		<div class="flex flex-col lg:flex-row gap-5 lg:gap-10 xl:gap-20 max-w-4xl mb-10">
			<div class="flex-1 is-rich-text space-y-3">
				<p><p>When you donate to Side, you help us keep documentary practice alive where it matters most. Your support strengthens our exhibitions, projects and education work across the North East, and allows us to work with artists, young people and communities who use photography and film to explore their own stories.</p>
<p>It gives us the stability to build work that is collaborative, accountable and rooted in real lives.</p>
</p>
			</div>
			
			<div class="flex-1 is-rich-text space-y-3">
				<p><p>Donations also underpin our care of the AmberSide Collection, keeping it accessible, active and embedded across our programmes. Your support helps us grow new display partnerships for this work, expand learning opportunities and ensure working-class experience remains central to how documentary culture is made and understood today.</p>
<p>All donations go to the AmberSide Trust (registered charity number: 1160760).</p>
</p>
			</div>
			
		</div>
		
			<a class=" border-2 border-white py-1 px-4 hover:bg-white hover:text-black text-white w-full
     t-display-secondary
    inline-flex items-center justify-center gap-3 group  transition-colors hover:cursor-pointer sm:w-auto text-center" href="https://www.justgiving.com/ambersidetrust"  >
	
	<span class="text-center">Donate now</span>
	
</a>
		
	</div>
</div>



<div class="l-container mt-12">

	<h3 class="t-display-primary mb-3">Beyond the frame</h3>

	<div class="flex flex-col gap-10 lg:flex-row justify-between lg:items-end mb-12">

		<div>
			<p class="t-display-secondary">Explore the people and stories behind our work</p>
		</div>
	
		<div class="hidden lg:block lg:ml-auto">
			<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/blog/"  >
	
	<span class="text-center">See all blog posts</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
		</div>

	</div>

	
		
			<div class="l-grid-3-col">
				
					<article class="flex flex-col h-full">

	<a href="/blog/myside-the-great-north-run">
    
			<img 
				src="/img/asset/YXNzZXRzLzAyLXN0YXJ0LW9mLXRoZS1yYWNlLSg3KS1jb3B5LndlYnA/02-start-of-the-race-%287%29-copy.webp?p=w400&s=a284b72ac8b2f9fe9f68fb8c2388676e" 
				srcset="
						/img/asset/YXNzZXRzLzAyLXN0YXJ0LW9mLXRoZS1yYWNlLSg3KS1jb3B5LndlYnA/02-start-of-the-race-%287%29-copy.webp?p=w400&s=a284b72ac8b2f9fe9f68fb8c2388676e 400w,
						/img/asset/YXNzZXRzLzAyLXN0YXJ0LW9mLXRoZS1yYWNlLSg3KS1jb3B5LndlYnA/02-start-of-the-race-%287%29-copy.webp?p=w800&s=bb955086995201cc02ca57510066aa8f 800w
				"
				sizes="400px"
				alt="MySide: The Great North Run"
				loading="lazy"
				class="w-full"
			>
    
	</a>

	<div class="flex flex-col flex-1">

			
			<div class="mb-3 mt-5">

					<h2 class="t-display-primary mb-1">
						<a class="t-link-transition" href="/blog/myside-the-great-north-run">MySide: The Great North Run</a>
					</h2>

					
					<div class="mt-4">
						September 11th, 2026
					</div>
									

					
					
							<h3 class="t-display-secondary mt-4">
									
											Maria Maza
									
							</h3>
					
			</div>
		
			
					<h4 class="t-body-large uppercase text-side-red">
						
							Photo Essay, 
						
							Online Exhibition
						
					</h4>
			
			
					<div class="mt-3">Photographer Maria Maza looks beyond the runners to the crowds, costumes, signs and roadside rituals that make the Great North Run a portrait of North East community.</div>
			
			

			

		<div class="pt-5">
			<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/blog/myside-the-great-north-run"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
		</div>

	</div>

</article>
				
					<article class="flex flex-col h-full">

	<a href="/blog/easington-under-occupation">
    
			<img 
				src="/img/asset/YXNzZXRzLzA3OV8wMjRfbGJ3LWNvcHkxLndlYnA/079_024_lbw-copy1.webp?p=w400&s=fef437f838c74fa8615016803828e92f" 
				srcset="
						/img/asset/YXNzZXRzLzA3OV8wMjRfbGJ3LWNvcHkxLndlYnA/079_024_lbw-copy1.webp?p=w400&s=fef437f838c74fa8615016803828e92f 400w,
						/img/asset/YXNzZXRzLzA3OV8wMjRfbGJ3LWNvcHkxLndlYnA/079_024_lbw-copy1.webp?p=w800&s=253b21551d45dbdac24bbdfbb2609801 800w
				"
				sizes="400px"
				alt="Easington Under Occupation"
				loading="lazy"
				class="w-full"
			>
    
	</a>

	<div class="flex flex-col flex-1">

			
			<div class="mb-3 mt-5">

					<h2 class="t-display-primary mb-1">
						<a class="t-link-transition" href="/blog/easington-under-occupation">Easington Under Occupation</a>
					</h2>

					
					<div class="mt-4">
						August 24th, 2026
					</div>
									

					
					
							<h3 class="t-display-secondary mt-4">
									
											Ellen Stone
									
							</h3>
					
			</div>
		
			
					<h4 class="t-body-large uppercase text-side-red">
						
							In Focus
						
					</h4>
			
			
					<div class="mt-3">Police lines, family homes, children in the street. Keith Pattison’s photographs show what it meant to live through the Miners’ Strike when the front line ran through your village.</div>
			
			

			

		<div class="pt-5">
			<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/blog/easington-under-occupation"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
		</div>

	</div>

</article>
				
					<article class="flex flex-col h-full">

	<a href="/blog/what-happened-here-blog">
    
			<img 
				src="/img/asset/YXNzZXRzL2NwYS0yNDEtMS1icmlnaHQtY29weS53ZWJw/cpa-241-1-bright-copy.webp?p=w400&s=a86af2991030bcc1c405474c3b19cecb" 
				srcset="
						/img/asset/YXNzZXRzL2NwYS0yNDEtMS1icmlnaHQtY29weS53ZWJw/cpa-241-1-bright-copy.webp?p=w400&s=a86af2991030bcc1c405474c3b19cecb 400w,
						/img/asset/YXNzZXRzL2NwYS0yNDEtMS1icmlnaHQtY29weS53ZWJw/cpa-241-1-bright-copy.webp?p=w800&s=345d1824205837a7a754661438126ae4 800w
				"
				sizes="400px"
				alt="Revisiting "What Happened Here?""
				loading="lazy"
				class="w-full"
			>
    
	</a>

	<div class="flex flex-col flex-1">

			
			<div class="mb-3 mt-5">

					<h2 class="t-display-primary mb-1">
						<a class="t-link-transition" href="/blog/what-happened-here-blog">Revisiting "What Happened Here?"</a>
					</h2>

					
					<div class="mt-4">
						August 22nd, 2026
					</div>
									

					
					
							<h3 class="t-display-secondary mt-4">
									
											Amber Collective
									
							</h3>
					
			</div>
		
			
					<h4 class="t-body-large uppercase text-side-red">
						
							Video
						
					</h4>
			
			
					<div class="mt-3">Watch "What Happened Here?" alongside its 2020 digital event, bringing archive, testimony and community voices together to revisit Easington, the Miners’ Strike and what followed.</div>
			
			

			

		<div class="pt-5">
			<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/blog/what-happened-here-blog"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
		</div>

	</div>

</article>
				
					<article class="flex flex-col h-full">

	<a href="/blog/terminus">
    
			<img 
				src="/img/asset/YXNzZXRzL2Mtc2FzaGEtbWFsbG8tdGFyZGl2ZWF1LTYtY29weS53ZWJw/c-sasha-mallo-tardiveau-6-copy.webp?p=w400&s=dd5913df6eafebd22dab4190e7d15723" 
				srcset="
						/img/asset/YXNzZXRzL2Mtc2FzaGEtbWFsbG8tdGFyZGl2ZWF1LTYtY29weS53ZWJw/c-sasha-mallo-tardiveau-6-copy.webp?p=w400&s=dd5913df6eafebd22dab4190e7d15723 400w,
						/img/asset/YXNzZXRzL2Mtc2FzaGEtbWFsbG8tdGFyZGl2ZWF1LTYtY29weS53ZWJw/c-sasha-mallo-tardiveau-6-copy.webp?p=w800&s=1274174c71edb6daf89525ac0d5bc60f 800w
				"
				sizes="400px"
				alt="Terminus"
				loading="lazy"
				class="w-full"
			>
    
	</a>

	<div class="flex flex-col flex-1">

			
			<div class="mb-3 mt-5">

					<h2 class="t-display-primary mb-1">
						<a class="t-link-transition" href="/blog/terminus">Terminus</a>
					</h2>

					
					<div class="mt-4">
						August 10th, 2026
					</div>
									

					
					
							<h3 class="t-display-secondary mt-4">
									
											Sasha Mallo Tardiveau
									
							</h3>
					
			</div>
		
			
					<h4 class="t-body-large uppercase text-side-red">
						
							Photo Essay
						
					</h4>
			
			
					<div class="mt-3">Photographer Sasha Mallo Tardiveau explores the life-cycle of Tyne and Wear Metro</div>
			
			

			

		<div class="pt-5">
			<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/blog/terminus"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
		</div>

	</div>

</article>
				
					<article class="flex flex-col h-full">

	<a href="/blog/still-moving">
    
			<img 
				src="/img/asset/YXNzZXRzLzE3NV8wMTZfbGJ3LWNvcHkud2VicA/175_016_lbw-copy.webp?p=w400&s=d4fced6c7d84a907491c353773064a8d" 
				srcset="
						/img/asset/YXNzZXRzLzE3NV8wMTZfbGJ3LWNvcHkud2VicA/175_016_lbw-copy.webp?p=w400&s=d4fced6c7d84a907491c353773064a8d 400w,
						/img/asset/YXNzZXRzLzE3NV8wMTZfbGJ3LWNvcHkud2VicA/175_016_lbw-copy.webp?p=w800&s=87862a70fce38ee7354ab2b0374efbf4 800w
				"
				sizes="400px"
				alt="Still Moving: Capturing Action in Photography"
				loading="lazy"
				class="w-full"
			>
    
	</a>

	<div class="flex flex-col flex-1">

			
			<div class="mb-3 mt-5">

					<h2 class="t-display-primary mb-1">
						<a class="t-link-transition" href="/blog/still-moving">Still Moving: Capturing Action in Photography</a>
					</h2>

					
					<div class="mt-4">
						August 7th, 2026
					</div>
									

					
					
							<h3 class="t-display-secondary mt-4">
									
											Ellen Stone
									
							</h3>
					
			</div>
		
			
					<h4 class="t-body-large uppercase text-side-red">
						
							In Focus
						
					</h4>
			
			
					<div class="mt-3">How can a still photograph hold movement? Using images from the AmberSide Collection, we explore blur, timing, balance and context in documentary photography.</div>
			
			

			

		<div class="pt-5">
			<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/blog/still-moving"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
		</div>

	</div>

</article>
				
					<article class="flex flex-col h-full">

	<a href="/blog/myside-unlikely-landmarks">
    
			<img 
				src="/img/asset/YXNzZXRzL3RoZW9kb3JwZXRydW5hX2FkLWhvcml6b25zXzAxLXRoZW9kb3ItcGV0cnVuYS1jb3B5LTE3ODU0OTAyNzgud2VicA/theodorpetruna_ad-horizons_01-theodor-petruna-copy-1785490278.webp?p=w400&s=e7fb06178f2118972fe819cc1efd32b4" 
				srcset="
						/img/asset/YXNzZXRzL3RoZW9kb3JwZXRydW5hX2FkLWhvcml6b25zXzAxLXRoZW9kb3ItcGV0cnVuYS1jb3B5LTE3ODU0OTAyNzgud2VicA/theodorpetruna_ad-horizons_01-theodor-petruna-copy-1785490278.webp?p=w400&s=e7fb06178f2118972fe819cc1efd32b4 400w,
						/img/asset/YXNzZXRzL3RoZW9kb3JwZXRydW5hX2FkLWhvcml6b25zXzAxLXRoZW9kb3ItcGV0cnVuYS1jb3B5LTE3ODU0OTAyNzgud2VicA/theodorpetruna_ad-horizons_01-theodor-petruna-copy-1785490278.webp?p=w800&s=c66523ef576333804b08525996c3a03d 800w
				"
				sizes="400px"
				alt="MySide: Unlikely Landmarks"
				loading="lazy"
				class="w-full"
			>
    
	</a>

	<div class="flex flex-col flex-1">

			
			<div class="mb-3 mt-5">

					<h2 class="t-display-primary mb-1">
						<a class="t-link-transition" href="/blog/myside-unlikely-landmarks">MySide: Unlikely Landmarks</a>
					</h2>

					
					<div class="mt-4">
						August 3rd, 2026
					</div>
									

					
					
							<h3 class="t-display-secondary mt-4">
									
											MySide
									
							</h3>
					
			</div>
		
			
					<h4 class="t-body-large uppercase text-side-red">
						
							Photo Essay
						
					</h4>
			
			
					<div class="mt-3">A curated selection from MySide: Local Colour exploring the odd, familiar details that become local landmarks, from signs and tracks to the views people use to find their way.</div>
			
			

			

		<div class="pt-5">
			<a class="hover:text-side-green t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/blog/myside-unlikely-landmarks"  >
	
	<span class="text-center">Read more</span>
	
		<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"
	class="transform transition-all duration-300 ease-in-out group-hover:translate-x-[5px]">
	<path
		d="M11.5 6.13397C12.1667 6.51888 12.1667 7.48112 11.5 7.86602L1.75 13.4952C1.08333 13.8801 0.249999 13.399 0.249999 12.6292L0.25 1.37083C0.25 0.601033 1.08333 0.119909 1.75 0.504809L11.5 6.13397Z"
		fill="currentColor" />
</svg>
	
</a>
		</div>

	</div>

</article>
				
			</div>
		
	

	<div class="flex justify-center my-16">
		<a class=" border-2 border-black py-1 px-8 hover:bg-black hover:text-white w-full
     t-display-secondary
    inline-flex items-center justify-center gap-3 group text-black transition-colors hover:cursor-pointer sm:w-auto text-center" href="/blog/"  >
	
	<span class="text-center">See all blog posts</span>
	
</a>	
	</div>

</div>
	</main>

	<footer class="mt-20">
		
		
		
			<div class="is-announcement p-4 text-white flex justify-center items-center 
    bg-side-red
    ">
	<div class="font-din font-bold sm:text-lg text-center xl:text-2xl uppercase"><p>Keep Documentary Accessible: <a href="https://www.justgiving.com/ambersidetrust">Donate and Support Side</a></p>
</div>
</div>
		

		<div class="bg-side-black text-white pb-10">

	<div class="l-container">

		
		<div class="py-10">

	<div class="l-divider-white"></div>

	<div class="my-10">

		<h4 class="t-display-secondary">Join our mailing list</h4>
		<p>Stay up to date with our news, exhibitions, opportunities and more!</p>
		
		<form action="https://formspree.io/f/mqapdnwa" method="POST" class="newsletter-form mt-10 lg:mt-4">

			<div class="grid gap-5 md:grid-cols-3 lg:gap-10">

				<div>
					<label for="name" class="sr-only">Name</label>
					<input placeholder="Name" type="text" name="name" id="name" class="t-form-base t-form-label" required>
				</div>
				
				<div>
					<label for="email" class="sr-only">Email Address</label>
					<input placeholder="Email" type="email" name="email" id="email" class="t-form-base t-form-label" required>
				</div>
				
				<div>
					<button class=" border-2 border-white py-1 px-4 hover:bg-white hover:text-black text-white w-full
     t-display-secondary
    inline-flex items-center justify-center gap-3 group  transition-colors hover:cursor-pointer sm:w-auto text-center"  type="submit">
	
	<span class="text-center">Subscribe</span>
	
</button>
				</div>

			</div>

			<!-- Honeypot field to prevent spam -->
			<div class="hidden">
				<input type="text" name="_gotcha">
			</div>

		</form>

	</div>

	<div class="l-divider-white"></div>

</div>

		
		<div class="grid xl:grid-cols-8 gap-10">

			<div class="xl:col-span-2">
				<img class="w-[180px] lg:w-[250px]" src="/assets/side_logo_white.png" alt="Side logo">
				
				<address>
					<span class="sr-only">Side</span><br>
					SIDE Curatorial Office<br>
					Baltic Centre for Contemporary Art<br>
					Gateshead<br>
					NE8 3BA<br>
					United Kingdom<br><br>
					<a class="t-link-white" href="/cdn-cgi/l/email-protection#c2b1aba6a7eca5a3aeaea7b0bb82a3afa0a7b0efadacaeabaca7eca1adaf"><span class="__cf_email__" data-cfemail="2e5d474a4b00494f42424b5c576e4f434c4b5c0341404247404b004d4143">[email&#160;protected]</span></a>
				</address>
			
				<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="application/ld+json">
				{
					"@context": "https://schema.org",
					"@type": "Organization",
					"name": "Side",
					"address": {
						"@type": "PostalAddress",
						"streetAddress": "SIDE Curatorial Office, Baltic Centre for Contemporary Art",
						"addressLocality": "Gateshead",
						"addressRegion": "Tyne and Wear",
						"postalCode": "NE8 3BA",
						"addressCountry": "United Kingdom"
					},
					"email": "side.gallery@amber-online.com"
				}
				</script>
			</div>

			<div class="xl:col-span-6 gap-10 md:grid-cols-2 grid lg:grid-cols-5">
			
				<div class="grid gap-10 md:grid-cols-2 md:col-span-1 lg:grid-cols-2 lg:col-span-2">
					<div>
						<h4 class="t-nav-secondary mb-8">What's on</h4>
						<nav>
							<ul class="l-nav-footer">
								<li>
									<a class="t-link-white" href="/whats-on/exhibitions/">Exhibitions</a>
								</li>
								<li>
									<a class="t-link-white" href="/whats-on/cinema/">Cinema</a>
								</li>
								<li>
									<a class="t-link-white" href="/whats-on/events/">Events</a>
								</li>
								<li>
									<a class="t-link-white" href="/whats-on/education/">Amber Education</a>
								</li>
								<li>
									<a class="t-link-white" href="/whats-on/myside">MySide</a>
								</li>						
							</ul>
						</nav>
					</div>

					<div>
						<h4 class="t-nav-secondary mb-8">Collection</h4>
						<nav>
							<ul class="l-nav-footer">
								<li>
									<a class="t-link-white" href="/collections/about-the-amberside-collection/">About the AmberSide Collection</a>
								</li>
								<li>
									<a class="t-link-white" href="/collections/about-amber-films/">About Amber Films</a>
								</li>
								<li>
									<a class="t-link-white" href="/collections/">Explore Our Collection</a>
								</li>
								<li>
									<a class="t-link-white" href="https://amber.epexio.com">Epexio Catalogue</a>
								</li>				
							</ul>
						</nav>
					</div>
					
					
				</div>

				<div class="grid gap-10 md:grid-cols-1 md:col-span-1 lg:grid-cols-3 lg:col-span-3">
					<div>
						<h4 class="t-nav-secondary mb-8">About</h4>
						<nav>
							<ul class="l-nav-footer">
								<li>
									<a class="t-link-white" href="/about/">About Side</a>
								</li>
								<li>
									<a class="t-link-white" href="/about/about-the-amber-collective/">About The Amber Collective</a>
								</li>
								<li>
									<a class="t-link-white" href="/about/contact-us/">Contact Us</a>
								</li>
								<li>
									<a class="t-link-white" href="/about/volunteering/">Volunteering</a>
								</li>						
								<li>
									<a class="t-link-white" href="/about/support-us/">Support Us</a>
								</li>												
							</ul>
						</nav>
					</div>	
					
					<div class="hidden lg:flex lg:gap-20">
					
						<div>
							<h4 class="t-nav-secondary"><a href="/blog/">Blog</a></h4>
						</div>	
						
						<div>
							<h4 class="t-nav-secondary">
								<a class="t-link-white flex items-center gap-2" href="https://shop.amber-online.com/">
									<span>Shop</span>
									<svg class="h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
								</a>
							</h4>
						</div>		
					
					</div>
				</div>

			</div>				

		</div>

		<div class="lg:hidden mt-10 flex flex-col md:flex-row gap-10">
			<div>
				<h4 class="t-nav-secondary"><a href="/blog/">Blog</a></h4>
			</div>	
			<div>
				<h4 class="t-nav-secondary">
					<a class="t-link-white flex items-center gap-2" 
						href="https://shop.amber-online.com/" 
						target="_blank" 
						rel="noopener noreferrer" 
						aria-label="Shop (opens in new window)">
							<span>Shop</span>
							<svg class="h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
							<span class="sr-only">(opens in new window)</span>
					</a>
				</h4>
			</div>			
		</div>

		<ul class="flex lg:justify-end mt-10 lg:mt-5 gap-5 text-white">
			<li>
				<a class="group transition-colors duration-200" href="https://x.com/SideGallery">
					<svg class="group-hover:fill-side-amber fa-icon w-6 h-6 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
				</a>
			</li>
			<li>
				<a class="group transition-colors duration-200" href="https://bsky.app/profile/sidegallery.bsky.social">
					<svg class="group-hover:fill-side-amber fa-icon w-6 h-6 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"/></svg>
				</a>
			</li>
			<li>
				<a class="group transition-colors duration-200" href="https://www.linkedin.com/company/side-gallery">
					<svg class="group-hover:fill-side-amber fa-icon w-6 h-6 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>					
				</a>
			</li>
			<li>
				<a class="group transition-colors duration-200" href="https://www.instagram.com/amber_sidegallery">
					<svg class="group-hover:fill-side-amber fa-icon w-6 h-6 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
				</a>
			</li>		
			<li>
				<a class="group transition-colors duration-200" href="https://www.facebook.com/SideGallery">
					<svg class="group-hover:fill-side-amber fa-icon w-6 h-6 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"/></svg>					
				</a>
			</li>														
		</ul>

		<div class="l-divider-white mt-10 mb-5"></div>

		
		<nav>
			<ul class="flex flex-col gap-2 sm:flex-row sm:gap-10">
				<li>
					<a class="t-link-white" href="/policies/">Policies</a>
				</li>
				<li>
					<a class="t-link-white" href="/press/">Press</a>
				</li>
				<li>
					<a class="t-link-white" href="/jobs/">Jobs</a>
				</li>
				<li>
					<a class="t-link-white" href="/touring-exhibitions/">Touring Exhibitions</a>
				</li>				
			</ul>
		</nav>

		
		<div class="lg:flex lg:items-center mt-10">

			<div class="flex-1">

				
				<p class="text-sm">&copy; 2026 Amber Film & Photography Collective  |  AmberSide Trust Charity Number: 1160760</p>

				
				<nav class="text-sm mt-4 mb-8 lg:mb-0">
					<ul class="flex flex-col gap-2 sm:flex-row sm:gap-10">
						<li>
							<a class="t-link-white" href="/privacy-policy/">Privacy Policy</a>
						</li>				
						<li>
							<a class="t-link-white" href="/terms-conditions/">Terms &amp; Conditions</a>
						</li>
						<li>
							<a class="t-link-white" href="/cookie-policy/">Cookie Policy</a>
						</li>				
					</ul>
				</nav>

			</div>

			<div class="flex-1">

				<div class="flex flex-col md:items-center gap-10 md:flex-row">
					<div class="flex-inital">
						<img class="max-w-[250px]" src="/assets/logo_arts_council.png" alt="Arts Council England logo">
					</div> 
					<div class="flex-inital">
						<img class="max-w-[250px]" src="/assets/logo_lottery.png" alt="The National Lottery Heritage Lottery Fund logo">
					</div> 					
				</div>

			</div>

		</div>

	</div>

</div>

	</footer>

</body>

</html>