PageSourceSearch

https://tooyoungtogrieve.lovable.app/

html tooyoungtogrieve.lovable.app collected 2026-10-03 03:50:11 UTC 39,895 bytes, 256 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/assets/logo-DUXFeS0F.png"/><link rel="preload" as="image" href="/__l5e/assets-v1/e3b3d6be-d025-4b5f-ad2d-02c78193efcb/tytg-hike.jpg"/><link rel="preload" as="image" href="/__l5e/assets-v1/259d7eda-95b1-4da6-998f-6a7eaa81c6fd/meetup-f32ecd70.jpg"/><link rel="stylesheet" href="/assets/styles-S9V_pfNM.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&amp;family=Inter:wght@300;400;500;600&amp;display=swap" data-precedence="default"/><title>Too Young To Grieve — A community for young people navigating loss</title><meta name="author" content="Lovable"/><meta name="twitter:site" content="@Lovable"/><meta name="twitter:title" content="Too Young To Grieve"/><meta name="twitter:description" content="A modern, community-driven website dedicated to supporting young adults experiencing grief."/><meta property="og:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/oEB
1BlCmDmMgmvDOl3o8SgtHSypX2/social-images/social-1779898059462-3BFE748A-50D5-4395-B5FB-DDD75DCB4BDD.webp"/><meta name="twitter:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/oEBBlCmDmMgmvDOl3o8SgtHSypX2/social-images/social-1779898059462-3BFE748A-50D5-4395-B5FB-DDD75DCB4BDD.webp"/><meta name="description" content="Too Young To Grieve is a community and movement making grief visible: meet-ups, talks and workshops, the TYTG Project and a podcast for young people navigating loss."/><meta property="og:title" content="Too Young To Grieve"/><meta property="og:description" content="Making grief visible. Building community. Changing how young grief is understood."/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><link rel="modulepreload" href="/assets/index-NsXyhzDC.js"/><link rel="modulepreload" href="/assets/index-DG2IcTjS.js"/><link rel="modulepreload" href="/assets/logo-1XwzVaQC.js"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/>
2<style>
3	#lovable-badge {
4		--badge-bg: #1b1b1b;
5		--badge-text: #c5c1b9;
6		--badge-text-hover: #dcdad5;
7		--badge-radius: 6px;
8		--badge-padding: 8px;
9		--badge-gap: 6px;
10		--badge-shadow: 
11			0 0 0 1px rgba(0, 0, 0, 0.88),
12			0 1px 0 0 rgba(0, 0, 0, 0.04),
13			0 2px 2px -1px rgba(0, 0, 0, 0.08),
14			0 4px 4px -2px rgba(0, 0, 0, 0.08),
15			0 8px 8px -4px rgba(0, 0, 0, 0.08),
16			0 16px 16px -8px rgba(0, 0, 0, 0.08);
17		--badge-transition-duration: 0.2s;
18		--badge-transition-easing: cubic-bezier(0.16, 1, 0.32, 1);
19		--focus-color: #575ECF;
20		--focus-offset: 2px;
21		--focus-width: 2px;
22		
23		position: fixed;
24		bottom: 12px;
25		right: 12px;
26		height: 24px;
27		display: flex;
28		align-items: center;
29		z-index: 1000000;
30		background-color: var(--badge-bg) !important;
31		color: var(--badge-text) !important;
32		border-radius: var(--badge-radius);
33		box-shadow: var(--badge-shadow) !important;
34		font-size: 12px;
35		font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
36		font-weight: 400 !important;
37		text-transform: none !important;
38		font-feature-settings: normal !important;
39		transform: translateZ(0);
40		will-change: transform, opacity;
41		transition: opacity var(--badge-transition-duration) var(--badge-transition-easing);
42	}
43
44	#lovable-badge.closing {
45		opacity: 0;
46		pointer-events: none;
47	}
48
49	#lovable-badge-cta {
50		display: flex;
51		align-items: baseline;
52		gap: var(--badge-gap);
53		box-sizing: border-box;
54		padding: 4px var(--badge-padding) 0;
55		height: 100%;
56		color: inherit;
57		text-decoration: none;
58		white-space: nowrap;
59		border-radius: var(--badge-radius) 0 0 var(--badge-radius);
60		transition: 
61			background-color var(--badge-transition-duration) ease,
62			color var(--badge-transition-duration) ease,
63			transform 0.1s ease;
64	}
65
66	#lovable-badge-cta:hover {
67		background: rgba(255, 255, 255, 0.04);
68		color: var(--badge-text-hover);
69	}
70
71	#lovable-badge-cta:active {
72		transform: scale(0.98);
73	}
74
75	#lovable-badge-cta:focus {
76		outline: none;
77	}
78
79	#lovable-badge-cta:focus-visible {
80		outline: var(--focus-width) solid var(--focus-color);
81		outline-offset: var(--focus-offset);
82		z-index: 1;
83	}
84
85	#lovable-badge-text {
86		line-height: 1;
87	}
88
89	/* The wordmark baseline sits at y=12 of the 16px logo; an empty 12px box
90	   makes that the flex baseline so the text aligns to it on any system font. */
91	#lovable-badge-logo {
92		position: relative;
93		display: block;
94		width: 52px;
95		height: 12px;
96	}
97
98	#lovable-badge-logo svg {
99		position: absolute;
100		top: 0;
101		left: 0;
102	}
103
104	#lovable-badge-divider {
105		width: 1px;
106		height: 24px;
107		background-color: rgba(255, 255, 255, 0.04);
108		flex-shrink: 0;
109	}
110
111	#lovable-badge-close {
112		width: 24px;
113		height: 24px;
114		min-width: 24px;
115		min-height: 24px;
116		cursor: pointer;
117		background: none;
118		border: none;
119		padding: 0;
120		display: flex;
121		align-items: center;
122		justify-content: center;
123		border-radius: 0 var(--badge-radius) var(--badge-radius) 0;
124		flex-shrink: 0;
125		transition: 
126			background-color var(--badge-transition-duration) ease,
127			transform 0.1s ease;
128	}
129
130	#lovable-badge-close:hover {
131		background: rgba(255, 255, 255, 0.04);
132	}
133
134	#lovable-badge-close:active {
135		transform: scale(0.92);
136	}
137
138	#lovable-badge-close:focus {
139		outline: none;
140	}
141
142	#lovable-badge-close:focus-visible {
143		outline: var(--focus-width) solid var(--focus-color);
144		outline-offset: calc(var(--focus-offset) * -1);
145		z-index: 1;
146	}
147
148	#lovable-badge-close svg path {
149		fill: var(--badge-text);
150		transition: fill var(--badge-transition-duration) ease;
151	}
152
153	#lovable-badge-close:hover svg path {
154		fill: var(--badge-text-hover);
155	}
156
157	@media (prefers-reduced-motion: reduce) {
158		#lovable-badge,
159		#lovable-badge-cta,
160		#lovable-badge-close,
161		#lovable-badge-close svg path {
162			transition: none;
163		}
164		
165		#lovable-badge-cta:active,
166		#lovable-badge-close:active {
167			transform: none;
168		}
169	}
170
171	@media (prefers-contrast: high) {
172		#lovable-badge {
173			--badge-bg: #000;
174			--badge-text: #fff;
175			--badge-text-hover: #fff;
176			border: 2px solid currentColor;
177		}
178		
179		#lovable-badge-cta:focus-visible,
180		#lovable-badge-close:focus-visible {
181			outline-width: 3px;
182		}
183	}
184</style>
185<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
185</head><body><!--$--><div class="min-h-screen bg-background text-foreground"><header class="sticky top-0 z-40 border-b border-border/60 bg-background/85 backdrop-blur-md"><div class="mx-auto flex max-w-6xl items-center justify-between px-6 py-3.5"><a href="#top" class="flex items-center gap-2.5"><img src="/assets/logo-DUXFeS0F.png" alt="Too Young To Grieve" class="h-8 w-8 rounded-full object-cover"/><span class="font-display text-base leading-none">Too Young To Grieve</span></a><nav class="hidden items-center gap-8 lg:flex"><a href="#about" class="text-sm text-muted-foreground transition-colors hover:text-foreground">About</a><a href="#community" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Community</a><a href="#talks" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Talks</a><a href="#project" class="text-sm text-muted-foreground transition-colors hover:text-foreground">The TYTG Project</a><a href="#podcast" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Podcast</a></nav><a href="#get-involved" class="inline-flex items-center justify-center rounded-full bg-foreground px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-background transition-transform hover:-translate-y-0.5 hidden sm:inline-flex">Get involved</a></div></header><section id="top" class="relative isolate overflow-hidden text-background"><img src="/__l5e/assets-v1/e3b3d6be-d025-4b5f-ad2d-02c78193efcb/tytg-hike.jpg" alt="The Too Young To Grieve community together on a hilltop" class="absolute inset-0 -z-20 h-full w-full object-cover object-center"/>
185<div class="absolute inset-0 -z-10 bg-foreground/78"></div><div class="animate-in fade-in slide-in-from-bottom-4 mx-auto flex max-w-3xl flex-col items-center px-6 py-20 text-center duration-1000 md:py-28"><h1 class="font-display text-4xl leading-[1.02] tracking-tight md:text-7xl">Too Young To Grieve</h1><p class="mt-6 max-w-xl text-base leading-relaxed text-background/85 md:text-lg">Making grief visible. Building community. Changing how young grief is understood.</p><div class="mt-10 flex flex-wrap justify-center gap-3"><a href="https://share.thecliq.app/club/too-young-to-grieve" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-full bg-background px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-foreground transition-transform hover:-translate-y-0.5">Join the community</a><a href="mailto:[email protected]?subject=Speaking enquiry" class="inline-flex items-center justify-center rounded-full border border-background/35 px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-background transition-colors hover:bg-background/10">Book Luke to speak</a></div></div></section><section id="community" class="border-b border-border bg-background"><div class="mx-auto max-w-6xl px-6 py-16 md:py-24"><div class="grid gap-10 md:grid-cols-2 md:items-center md:gap-14"><div class="group relative aspect-[16/10] overflow-hidden rounded-2xl"><img src="/__l5e/assets-v1/259d7eda-95b1-4da6-998f-6a7eaa81c6fd/meetup-f32ecd70.jpg" alt="TYTG meet-up at the lake" loading="eager" aria-hidden="false" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-700 opacity-100"/><img src="/__l5e/assets-v1/c3ec4f12-3a4f-4670-b7ab-c020b97f5ccb/meetup-e3d4319c.jpg" alt="TYTG meet-up in the park" loading="lazy" aria-hidden="true" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-700 opacity-0"/><img src="/__l5e/assets-v1/52f30bd9-0345-4b28-b6ef-336dd55fec46/meetup-6a7845bb.jpg" alt="TYTG meet-up outside Native Coffee" loading="lazy" aria-hidden="true" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-700 opacity-0"/><img src="/__l5e/assets-v1/133b0d66-de90-4873-9bb7-7b927a13ef9e/meetup-IMG_5514.jpg" alt="TYTG meet-up at Kafi café" loading="lazy" aria-hidden="true" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-700 opacity-0"/><img src="/__l5e/assets-v1/aedd37b4-e3d2-40e9-bfd7-b7a5d14c884b/meetup-8D96AF23.jpg" alt="TYTG quiz night at the pub" loading="lazy" aria-hidden="true" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-700 opacity-0"/><img src="/__l5e/assets-v1/c82c6bcc-beb9-4a71-8b40-89b464bb754b/meetup-9345213a.jpg" alt="TYTG cinema club night" loading="lazy" aria-hidden="true" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-700 opacity-0"/><img src="/__l5e/assets-v1/0caaff88-e185-4a6f-b395-5c1dc3fadda0/meetup-8d3ee047.jpg" alt="TYTG pottery painting social" loading="lazy" aria-hidden="true" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-700 opacity-0"/><img src="/__l5e/assets-v1/9d3b04d7-3808-4d83-8e7d-99299325f937/meetup-IMG_5223.jpg" alt="TYTG walk on the hilltop" loading="lazy" aria-hidden="true" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-700 opacity-0"/><img src="/__l5e/assets-v1/296ba195-8101-40f0-b005-0f8be3853cb8/meetup-74489a9e.jpg" alt="TYTG hike in the Highlands" loading="lazy" aria-hidden="true" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-700 opacity-0"/><button type="button" aria-label="Previous photo" class="absolute top-1/2 left-3 -translate-y-1/2 rounded-full bg-foreground
185/50 p-2 text-background opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left h-4 w-4" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><button type="button" aria-label="Next photo" class="absolute top-1/2 right-3 -translate-y-1/2 rounded-full bg-foreground/50 p-2 text-background opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button><div class="absolute bottom-3 left-1/2 flex -translate-x-1/2 gap-1.5"><button type="button" aria-label="Go to photo 1" class="h-1.5 rounded-full transition-all w-5 bg-background"></button><button type="button" aria-label="Go to photo 2" class="h-1.5 rounded-full transition-all w-1.5 bg-background/50"></button><button type="button" aria-label="Go to photo 3" class="h-1.5 rounded-full transition-all w-1.5 bg-background/50"></button><button type="button" aria-label="Go to photo 4" class="h-1.5 rounded-full transition-all w-1.5 bg-background/50"></button><button type="button" aria-label="Go to photo 5" class="h-1.5 rounded-full transition-all w-1.5 bg-background/50"></button><button type="button" aria-label="Go to photo 6" class="h-1.5 rounded-full transition-all w-1.5 bg-background/50"></button><button type="button" aria-label="Go to photo 7" class="h-1.5 rounded-full transition-all w-1.5 bg-background/50"></button><button type="button" aria-label="Go to photo 8" class="h-1.5 rounded-full transition-all w-1.5 bg-background/50"></button><button type="button" aria-label="Go to photo 9" class="h-1.5 rounded-full transition-all w-1.5 bg-background/50"></button></div></div><div><p class="text-[11px] tracking-[0.24em] uppercase text-muted-foreground">Community</p><h2 class="font-display mt-4 text-3xl leading-[1.05] md:text-5xl">Find people who get it.</h2><p class="mt-5 text-base leading-relaxed text-muted-foreground">Too Young To Grieve brings young people navigating loss together — online and in person — to connect with people who get it and navigate life alongside grief.</p><div class="mt-7 flex flex-wrap gap-2.5"><span class="rounded-full border border-border px-4 py-2 text-xs tracking-[0.12em] uppercase text-muted-foreground">Local clubs &amp; meet-ups</span><span class="rounded-full border border-border px-4 py-2 text-xs tracking-[0.12em] uppercase text-muted-foreground">TYTG online community</span><span class="rounded-full border border-border px-4 py-2 text-xs tracking-[0.12em] uppercase text-muted-foreground">Events &amp; experiences</span></div><div class="mt-8"><a href="https://share.thecliq.app/club/too-young-to-grieve" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-full bg-foreground px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-background transition-transform hover:-translate-y-0.5">Join the community</a></div></div></div></div></section><section id="talks" class="bg-foreground text-background"><div class="mx-auto max-w-6xl px-6 py-20 md:py-28"><div class="grid gap-12 md:grid-cols-[1.05fr_0.95fr] md:items-center md:gap-16"><div><p class="text-[11px] tracking-[0.24em] text-[var(--warm-sand)] uppercase">Talks &amp; workshops</p><h2 class="font-display mt-4 text-3xl leading-[1.05] md:text-5xl">Let&#x27;s talk about the stuff we&#x27;re usually rubbish at talking about.</h2><p class="mt-6 text-lg text-background/90">Luke Alfano</p><p class="text-sm text-background/60">Founder of Too Young To Grieve &amp; lived experience speaker</p><p class="mt-5 max-w-xl text-base leading-relaxed text-background/75">Engaging, practical talks and workshops that make difficult conversations around grief and men&#x27;s mental health easier to have.</p></div><div class="aspect-[4/3] overflow-hidden rounded-2xl"><img src="/assets/founder-DuvGYBSj.jpg" alt="Luke Alfano speaking" loading="lazy" class="h-full w-full object-cover"/>
185</div></div><div class="mt-14 grid gap-4 md:grid-cols-3"><div class="rounded-2xl border border-background/15 bg-background/5 p-7"><h3 class="font-display text-xl leading-snug">Let&#x27;s talk about grief</h3><p class="mt-2 text-sm text-[var(--warm-sand)]">(Without making it awkward)</p><p class="mt-4 text-sm leading-relaxed text-background/70">A practical and engaging conversation about what grief actually looks like, what to say, what helps and how we can support people beyond the first few weeks.</p></div><div class="rounded-2xl border border-background/15 bg-background/5 p-7"><h3 class="font-display text-xl leading-snug">The invisible loss</h3><p class="mt-2 text-sm text-[var(--warm-sand)]">Young male grief and why we&#x27;re getting it wrong.</p><p class="mt-4 text-sm leading-relaxed text-background/70">An honest look at how young men experience grief, why so much can go unsaid, and how we can make it easier to talk, connect and ask for support.</p></div><div class="rounded-2xl border border-background/15 bg-background/5 p-7"><h3 class="font-display text-xl leading-snug">Men, mental health and the courage to show up</h3><p class="mt-2 text-sm text-[var(--warm-sand)]">An honest conversation.</p><p class="mt-4 text-sm leading-relaxed text-background/70">Why men struggle to seek help and how we can make it easier to talk.</p></div></div><p class="mt-10 text-xs tracking-[0.22em] text-background/60 uppercase">Talks • Keynotes • Workshops • Lunch &amp; learns</p><div class="mt-8 flex flex-wrap gap-3"><a href="mailto:[email protected]?subject=Speaking enquiry" class="inline-flex items-center justify-center rounded-full bg-background px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-foreground transition-transform hover:-translate-y-0.5">Book Luke to speak</a><a href="https://gamma.app/docs/The-Hidden-Impact-of-Grief-at-Work-q0bclpqogpsw96b?mode=doc" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-full border border-background/35 px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-background transition-colors hover:bg-background/10">Free workplace guide</a><a href="https://gamma.app/docs/The-Grief-Support-Gap-in-Higher-Education-fxmjvncawh20mfo" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-full border border-background/35 px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-background transition-colors hover:bg-background/10">Free university guide</a></div></div></section><section id="project" class="border-b border-border bg-[var(--cream)]"><div class="mx-auto max-w-6xl px-6 py-20 md:py-28"><div class="grid gap-10 md:grid-cols-[0.9fr_1.1fr] md:items-end"><div><p class="text-[11px] tracking-[0.24em] uppercase text-muted-foreground">The TYTG Project</p><div class="font-display mt-5 text-6xl leading-none tracking-tight md:text-8xl">3,526</div><p class="mt-3 text-xs tracking-[0.28em] text-muted-foreground uppercase">voices</p></div><p class="font-display text-2xl leading-snug md:text-4xl">Thousands of young people told us what grief really looks like.</p></div><div class="mt-14 grid gap-px overflow-hidden rounded-2xl border border-border bg-border sm:grid-cols-3"><div class="bg-background p-8"><div class="font-display text-3xl leading-tight text-foreground md:text-4xl">Just over 1 in 2</div><p class="mt-3 text-sm leading-relaxed text-muted-foreground">said grief affected their education or career/work.</p></div><div class="bg-background p-8"><div class="font-display text-3xl leading-tight text-foreground md:text-4xl">84.1%</div><p class="mt-3 text-sm leading-relaxed text-muted-foreground">didn&#x27;t feel understood by those around them.</p></div><div class="bg-background p-8"><div class="font-display text-3xl leading-tight text-foreground md:text-4xl">97.4%</div><p class="mt-3 text-sm leading-relaxed text-muted-foreground">said peer connection would or might have helped.</p></div></div><div class="mt-10 flex flex-wrap items-center gap-5"><a href="mailto:[email protected]?subject=The TYTG Project" class="inline-flex items-center justify-center rounded-full bg-foreground px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-background transition-transform hover:-translate-y-0.5">Explore the TYTG Project</a><p class="text-xs text-muted-foreground">Source: the TYTG Project survey, n = 3,526.</p></div></div></section><section id="podcast" class="border-b border-border bg-background"><div class="mx-auto grid max-w-6xl gap-12 px-6 py-20 md:grid-cols-2 md:items-center md:gap-16 md:py-28"><div class="order-2 aspect-[4/3] overflow-hidden rounded-2xl md:order-1"><img src="/__l5e/assets-v1/166ad22b-e09e-461d-b3e6-0f209f9c1b8d/podcast-ben.jpg" alt="Luke and Ben recording the Too Young To Grieve podcast" loading="lazy" class="h-full w-full object-cover"/>
185</div><div class="order-1 md:order-2"><p class="text-[11px] tracking-[0.24em] uppercase text-muted-foreground">Podcast &amp; conversations</p><h2 class="font-display mt-4 text-3xl leading-[1.05] md:text-5xl">Making grief visible through conversation.</h2><p class="mt-5 max-w-lg text-base leading-relaxed text-muted-foreground md:text-lg">Real conversations about grief, men&#x27;s mental health and life after loss — including the difficult bits, the unexpected bits and everything that comes after.</p><div class="mt-9 flex flex-wrap gap-3"><a href="https://tooyoungtogrievepodcast.lovable.app" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-full bg-foreground px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-background transition-transform hover:-translate-y-0.5">Listen to the podcast</a><a href="https://www.instagram.com/tooyoungtogrieve?igsh=MWo5azAzZmFoOXYydA%3D%3D&amp;utm_source=qr" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-full border border-foreground
185/25 px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-foreground transition-colors hover:bg-foreground/5">Follow TYTG</a></div></div></div></section><section id="about" class="border-b border-border bg-[var(--cream)]"><div class="mx-auto grid max-w-6xl gap-12 px-6 py-20 md:grid-cols-[1.05fr_0.95fr] md:items-center md:gap-16 md:py-28"><div><p class="text-[11px] tracking-[0.24em] uppercase text-muted-foreground">Our story</p><h2 class="font-display mt-4 text-3xl leading-[1.05] md:text-5xl">It started with losing my dad at 21.</h2><p class="mt-6 max-w-xl text-base leading-relaxed text-muted-foreground md:text-lg">Luke started Too Young To Grieve after losing his dad in his final year of university, and struggling to find anyone his own age who understood what he was going through.</p><p class="font-display mt-6 max-w-xl text-xl leading-snug md:text-2xl">What started from one experience has grown into a community determined to make grief more visible and make sure young people don&#x27;t have to navigate it alone.</p></div><div class="aspect-[4/5] max-h-[460px] overflow-hidden rounded-2xl"><img src="/__l5e/assets-v1/9f589e0e-8414-430c-82af-f68a66ea169c/luke-family.jpg" alt="Luke with his mum and dad" loading="lazy" class="h-full w-full object-cover"/></div></div></section><section class="relative isolate overflow-hidden text-background"><img src="/assets/community-IVFh3VrW.jpg" alt="The Too Young To Grieve community together" loading="lazy" class="absolute inset-0 -z-20 h-full w-full object-cover object-center"/>
185<div class="absolute inset-0 -z-10 bg-foreground/85"></div><div class="mx-auto max-w-5xl px-6 py-20 text-center md:py-28"><h2 class="font-display text-3xl leading-[1.05] md:text-5xl">Making grief visible.</h2><div class="mt-10 flex flex-wrap justify-center gap-2.5"><span class="rounded-full border border-background/25 px-4 py-2 text-xs tracking-[0.12em] uppercase text-background/85">Community</span><span class="rounded-full border border-background/25 px-4 py-2 text-xs tracking-[0.12em] uppercase text-background/85">Conversations</span><span class="rounded-full border border-background/25 px-4 py-2 text-xs tracking-[0.12em] uppercase text-background/85">The TYTG Project</span><span class="rounded-full border border-background/25 px-4 py-2 text-xs tracking-[0.12em] uppercase text-background/85">Talks &amp; workshops</span><span class="rounded-full border border-background/25 px-4 py-2 text-xs tracking-[0.12em] uppercase text-background/85">Podcast</span><span class="rounded-full border border-background/25 px-4 py-2 text-xs tracking-[0.12em] uppercase text-background/85">Social media</span><span class="rounded-full border border-background/25 px-4 py-2 text-xs tracking-[0.12em] uppercase text-background/85">Clothing</span></div><div class="mt-8"><a href="https://tooyoungtogrieveshop.myshopify.com" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-full border border-background/35 px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-background transition-colors hover:bg-background/10">Explore the clothing</a></div><p class="font-display mx-auto mt-12 max-w-2xl text-2xl leading-snug text-[var(--warm-sand)] md:text-4xl">We don&#x27;t have to move on. We can move with grief.</p></div></section><section id="press" class="border-b border-border bg-background"><div class="mx-auto max-w-6xl px-6 py-16 md:py-24"><p class="text-[11px] tracking-[0.24em] uppercase text-muted-foreground text-center">As seen &amp; heard on</p><div class="mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-4"><a href="https://www.mylondon.news/news/north-london-news/i-lost-dad-21-created-33937711" target="_blank" rel="noopener noreferrer" class="group rounded-2xl border border-border bg-card p-6 transition-colors hover:bg-[var(--cream)]"><p class="font-display text-lg text-foreground">MyLondon</p><p class="mt-2 text-sm leading-snug text-muted-foreground group-hover:text-foreground">&#x27;I lost my dad when I was 21 so I created a run club for young people grieving&#x27;</p></a><a href="https://www.glasgowtimes.co.uk/news/scottish-news/26134297.new-run-club-set-glasgow-young-people-navigating-grief/" target="_blank" rel="noopener noreferrer" class="group rounded-2xl border border-border bg-card p-6 transition-colors hover:bg-[var(--cream)]"><p class="font-display text-lg text-foreground">Glasgow Times</p><p class="mt-2 text-sm leading-snug text-muted-foreground group-hover:text-foreground">New run club set up in Glasgow for young people navigating grief</p></a><a href="https://www.bbc.co.uk/sounds/play/m002wgrz" target="_blank" rel="noopener noreferrer" class="group rounded-2xl border border-border bg-card p-6 transition-colors hover:bg-[var(--cream)]"><p class="font-display text-lg text-foreground">BBC Radio Nottingham</p><p class="mt-2 text-sm leading-snug text-muted-foreground group-hover:text-foreground">Live interview on grief support for young people</p></a><a href="https://www.mkfm.com/news/local-news/too-young-to-grieve-group-offers-support-in-milton-keynes/?i=1000063769" target="_blank" rel="noopener noreferrer" class="group rounded-2xl border border-border bg-card p-6 transition-colors hover:bg-[var(--cream)]"><p class="font-display text-lg text-foreground">MKFM</p><p class="mt-2 text-sm leading-snug text-muted-foreground group-hover:text-foreground">Too Young To Grieve group offers support in Milton Keynes</p></a></div></div></section><section class="border-b border-border bg-[var(--cream)]"><div class="mx-auto max-w-3xl px-6 py-16 text-center md:py-24"><p class="text-[11px] tracking-[0.24em] uppercase text-muted-foreground">A quick note about support</p><h2 class="font-display mt-4 text-2xl leading-snug md:text-4xl">Too Young To Grieve is a peer community, not a therapy or counselling service.</h2><p class="mt-5 text-base leading-relaxed text-muted-foreground md:text-lg">
185We create spaces for connection, conversation and shared experience, but we&#x27;re not a replacement for professional mental health, bereavement or crisis support.</p><p class="mt-4 text-base leading-relaxed text-muted-foreground md:text-lg">If you&#x27;re looking for additional or professional support, we&#x27;ve put together organisations and services that may be able to help.</p><div class="mt-8"><a href="https://canva.link/doznbo7ez6wyct5" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-full bg-foreground px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-background transition-transform hover:-translate-y-0.5">Find support →</a></div></div></section><section id="get-involved" class="bg-foreground text-background"><div class="mx-auto max-w-3xl px-6 py-20 text-center md:py-28"><h2 class="font-display text-3xl leading-[1.05] md:text-6xl">Help us make grief visible.</h2><p class="mt-6 text-base text-background/75 md:text-lg">Find your community. Join the conversation. Bring TYTG into your workplace. Or simply follow what we&#x27;re building.</p><div class="mt-10 flex flex-wrap justify-center gap-3"><a href="https://share.thecliq.app/club/too-young-to-grieve" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-full bg-background px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-foreground transition-transform hover:-translate-y-0.5">Join the community</a><a href="mailto:[email protected]?subject=Speaking enquiry" class="inline-flex items-center justify-center rounded-full border border-background/35 px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-background transition-colors hover:bg-background/10">Book Luke to speak</a><a href="https://www.instagram.com/tooyoungtogrieve?igsh=MWo5azAzZmFoOXYydA%3D%3D&amp;utm_source=qr" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center rounded-full border border-background/35 px-6 py-3 text-xs font-semibold tracking-[0.14em] uppercase text-background transition-colors hover:bg-background/10">Follow the journey</a></div></div></section><footer class="border-t border-border bg-background"><div class="mx-auto max-w-6xl px-6 py-12"><div class="flex flex-col gap-6 md:flex-row md:items-center md:justify-between"><div class="flex items-center gap-2.5"><img src="/assets/logo-DUXFeS0F.png" alt="" class="h-8 w-8 rounded-full object-cover"/><span class="font-display text-base text-foreground">Too Young To Grieve</span></div><div class="flex flex-wrap items-center gap-6 text-sm text-muted-foreground"><a href="https://www.instagram.com/tooyoungtogrieve?igsh=MWo5azAzZmFoOXYydA%3D%3D&amp;utm_source=qr" target="_blank" rel="noopener noreferrer" aria-label="Instagram" title="Instagram" class="transition-colors hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://youtube.com/@tooyoungtogrieve?si=wlLAeZ3gDVYVfJcq" target="_blank" rel="noopener noreferrer" aria-label="YouTube" title="YouTube" class="transition-colors hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube" aria-hidden="true"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></a><a href="mailto:[email protected]" class="transition-colors hover:text-foreground">[email protected]</a></div></div><div class="mt-8 flex flex-col gap-3 border-t border-border pt-8 text-sm text-muted-foreground md:flex-row md:items-center md:justify-between"><a href="/community-safety" class="transition-colors hover:text-foreground">Community Safety &amp; Safeguarding</a><p>© <!-- -->2026<!-- --> Too Young To Grieve.</p></div></div></footer></div>
185<script>(function(t){let s;try{s=JSON.parse(sessionStorage.getItem(t.storageKey)||"{}")}catch(e){console.error(e);return}const c=t.key||window.history.state?.__TSR_key,r=c?s[c]:void 0;if(t.shouldScrollRestoration&&r&&typeof r=="object"&&Object.keys(r).length>0){for(const e in r){const o=r[e];if(!o||typeof o!="object")continue;const l=o.scrollX,i=o.scrollY;if(!(!Number.isFinite(l)||!Number.isFinite(i))){if(e==="window")window.scrollTo({top:i,left:l,behavior:t.behavior});else if(e){let n;try{n=document.querySelector(e)}catch{continue}n&&(n.scrollLeft=l,n.scrollTop=i)}}}return}const a=window.location.hash.split("#",2)[1];if(a){const e=window.history.state?.__hashScrollIntoViewOptions??!0;if(e){const o=document.getElementById(a);o&&o.scrollIntoView(e)}return}window.scrollTo({top:0,left:0,behavior:t.behavior})})({"storageKey":"tsr-scroll-restoration-v1_3","shouldScrollRestoration":true});document.currentScript.remove()</script>
185<!--/$-->
185<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-NsXyhzDC.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/index-NsXyhzDC.js\")"}]},"/":$R[8]={preloads:$R[9]=["/assets/index-DG2IcTjS.js","/assets/logo-1XwzVaQC.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1790999411035,s:"success",ssr:!0},$R[12]={i:"��",u:1790999411035,s:"success",ssr:!0}],lastMatchId:"��"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
185<script type="module" async="">import("/assets/index-NsXyhzDC.js")</script>
185
186<aside
187	id="lovable-badge"
188	role="complementary"
189	dir="ltr"
190	lang="en"
191	aria-label="Edit with Lovable">
192	<a
193		id="lovable-badge-cta" 
194		target="_blank" 
195		href="https://lovable.dev/projects/lovp_0czywtsdc99t3vptntk8f0grxm?utm_source=lovable-badge"
196		rel="noopener nofollow"
197		aria-label="Edit with Lovable">
198		<span id="lovable-badge-text">Edit with</span>
199		<span id="lovable-badge-logo"><svg xmlns="http://www.w3.org/2000/svg" width="52" height="16" fill="none" viewBox="0 0 52 16">
200  <path fill="#FCFBF8" fill-rule="evenodd" d="M20.318 5.25c.643 0 1.206.14 1.69.418a2.81 2.81 0 0 1 1.118 1.191c.266.513.4 1.115.4 1.807s-.134 1.296-.4 1.812a2.81 2.81 0 0 1-1.118 1.193c-.484.278-1.047.418-1.69.418s-1.208-.14-1.695-.418a2.85 2.85 0 0 1-1.125-1.193c-.262-.516-.393-1.12-.393-1.812s.131-1.294.393-1.807a2.848 2.848 0 0 1 1.125-1.191c.487-.279 1.052-.418 1.695-.418Zm0 1.425c-.27 0-.504.076-.7.228-.193.147-.34.37-.443.67-.102.295-.153.66-.153 1.093 0 .435.05.801.153 1.1.102.3.25.524.443.676.196.147.43.22.7.22.27 0 .502-.073.694-.22.193-.152.341-.375.443-.67.103-.299.153-.667.153-1.106 0-.65-.112-1.145-.337-1.481a1.08 1.08 0 0 0-.953-.51ZM32.7 5.25c.61 0 1.127.1 1.549.3.422.197.74.48.953.849.217.368.325.809.325 1.32v2.704c0 .29.02.562.062.812.044.245.108.4.19.466V12h-1.935a5.895 5.895 0 0 1-.105-.684 7.745 7.745 0 0 1-.02-.228 2.293 2.293 0 0 1-.151.203c-.205.242-.47.437-.793.584-.32.143-.685.215-1.094.215-.406 0-.77-.08-1.094-.24a1.845 1.845 0 0 1-.756-.682 1.984 1.984 0 0 1-.27-1.045c0-.606.178-1.069.535-1.388.356-.324.87-.534 1.542-.633l1.125-.16c.225-.032.403-.074.534-.123a.622.622 0 0 0 .288-.196.549.549 0 0 0 .093-.327.65.65 0 0 0-.11-.367.702.702 0 0 0-.32-.27c-.14-.07-.31-.105-.51-.105-.32 0-.576.083-.768.251-.193.164-.298.39-.314.676h-1.923c.016-.434.147-.82.393-1.155.25-.34.596-.604 1.039-.792.442-.189.954-.283 1.535-.283Zm.99 3.498a.98.98 0 0 1-.215.14 2.49 2.49 0 0 1-.584.178l-.473.092c-.315.061-.553.156-.713.283-.155.127-.233.305-.233.534 0 .23.084.412.252.547.168.135.383.203.645.203s.494-.058.694-.173c.201-.118.355-.282.461-.49.11-.21.166-.448.166-.714v-.6Zm4.526-2.375c.065-.125.138-.243.221-.349.197-.25.437-.44.719-.571.282-.135.6-.203.952-.203.528 0 .988.138 1.377.412.389.275.688.67.896 1.186.21.512.314 1.12.314 1.824 0 .7-.107 1.309-.32 1.825-.213.512-.518.906-.915 1.18-.393.275-.854.412-1.383.412-.352 0-.667-.062-.946-.184a1.832 1.832 0 0 1-.7-.554 2.2 2.2 0 0 1-.234-.383V12h-1.843V3h1.862v3.373Zm1.284.296c-.274 0-.51.085-.707.253-.192.163-.338.397-.436.7a3.376 3.376 0 0 0-.148 1.05c0 .406.05.759.148 1.058.098.299.243.53.436.694.197.164.433.246.707.246.279 0 .512-.082.7-.246.193-.164.336-.395.43-.694.099-.3.148-.652.148-1.058 0-.405-.05-.757-.147-1.056-.095-.299-.238-.53-.43-.694a1.015 1.015 0 0 0-.7-.253Zm9.416-1.419c.602 0 1.136.131 1.604.393.466.262.829.643 1.086 1.143.263.5.394 1.097.394 1.794 0 .25-.002.449-.006.596H47.51c.018.288.071.538.164.75a1.3 1.3 0 0 0 .491.596c.214.13.465.196.757.196.319 0 .583-.082.792-.246.209-.167.34-.403.393-.706h1.862a2.48 2.48 0 0 1-.485 1.235 2.54 2.54 0 0 1-1.051.805c-.439.188-.949.283-1.53.283-.655 0-1.225-.125-1.708-.375a2.672 2.672 0 0 1-1.13-1.143c-.267-.508-.4-1.137-.4-1.887 0-.712.14-1.327.418-1.843a2.86 2.86 0 0 1 1.155-1.186c.491-.27 1.051-.405 1.678-.405Zm-.044 1.345c-.274 0-.516.068-.725.203a1.29 1.29 0 0 0-.479.59 2.045 2.045 0 0 0-.132.498h2.562a1.873 1.873 0 0 0-.138-.602 1.061 1.061 0 0 0-.418-.516 1.243 1.243 0 0 0-.67-.173Z" clip-rule="evenodd"/>
201  <path fill="#FCFBF8" d="m26.605 9.995 1.342-4.566h1.924L27.628 12h-2.07l-2.33-6.57h1.98l1.397 4.565Zm-13.013.143h2.256c1.632 0 1.421 1.837 1.418 1.861h-5.603V3h1.93v7.138Zm31.516 1.861h-1.862V3h1.862v8.999Z"/>
202  <path fill="url(#a)" fill-rule="evenodd" d="M2.7 3c1.492 0 2.7 1.192 2.7 2.663v1.012h.9c1.49 0 2.7 1.192 2.7 2.662S7.791 12 6.3 12H0V5.663C0 4.193 1.209 3 2.7 3Z" clip-rule="evenodd"/>
203  <defs>
204    <radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(-1.54236 7.07838 -10.231 -2.15602 4.627 5.022)" gradientUnits="userSpaceOnUse">
205      <stop offset=".106" stop-color="#FE7B02"/>
206      <stop offset=".394" stop-color="#FE3F21"/>
207      <stop offset=".608" stop-color="#F858BC"/>
208      <stop offset=".929" stop-color="#575ECF"/>
209    </radialGradient>
210  </defs>
211</svg>
212
213</span>
214	</a>
215	
216	<span id="lovable-badge-divider" aria-hidden="true"></span>
217	
218	<button 
219		id="lovable-badge-close"
220		aria-label="Dismiss"
221		title="Dismiss"
222		type="button">
223		<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" aria-hidden="true">
224			<path d="M10.646 4.646a.5.5 0 1 1 .707.708L8.707 8l2.646 2.646a.5.5 0 1 1-.707.707L8 8.707l-2.646 2.646a.5.5 0 1 1-.708-.707L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708L8 7.293l2.646-2.647Z"/>
225		</svg>
226	</button>
227</aside>
228<script>
229	(() => {
230		if (window.self !== window.top || navigator.userAgent.includes('puppeteer')) {
231			const badge = document.querySelector('#lovable-badge');
232			if (badge) {
233				badge.style.display = 'none';
234			}
235			return;
236		}
237
238		const closeButton = document.querySelector('#lovable-badge-close');
239		if (closeButton) {
240			closeButton.addEventListener('click', function(event) {
241				event.preventDefault();
242				event.stopPropagation();
243				const badge = document.querySelector('#lovable-badge');
244				if (badge) {
245					badge.classList.add('closing');
246					setTimeout(function() {
247						if (badge) {
248							badge.style.display = 'none';
249						}
250					}, 240);
251				}
252			});
253		}
254	})();
255</script>
255
256</body></html>

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